当前位置:首页 > 编程语言 > 正文内容

什么是AJAX以及它是如何工作的?

a811625534年前 (2022-08-11)编程语言31

作为一种众所周知的编码语言,JavaScript的功能之一是管理网站的动态内容并允许动态的用户交互。XML是HTML等标记语言的另一种变体,正如其名称 – 可扩展标记语言所暗示的那样。如果HTML旨在显示数据,那么XML旨在包含和携带数据。

JavaScript和XML在AJAX中都是异步工作的。因此,任何使用AJAX的Web应用程序都可以从服务器发送和检索数据,而无需重新加载整个页面。

什么是AJAX?

AJAX或异步Javascript和XML是一组允许Web应用程序异步工作的Web开发技术。

AJAX实例

想想谷歌自动完成功能。它可以帮助您在输入关键字时完成关键字。关键字实时更改,但页面保持不变。在90年代初期,互联网还没有那么发达,每次在您的屏幕上弹出新的推荐时,同样的功能需要google重新加载您的页面。AJAX允许数据交换和表示层同时工作,而不会干扰彼此的功能。

谷歌关键词自动填充

AJAX概念实际上从90年代中期就已经存在。然而,当谷歌在2004年开始将这一概念纳入谷歌邮件和谷歌地图时,它获得了更广泛的认可。今天,它被广泛用于各种Web应用程序以简化服务器通信过程。

以下是我们日常生活中使用AJAX的更多有用示例。

  • 投票和评分系统-您是否曾经为您在网上购买的产品评分?您曾经填写过在线投票表格吗?无论哪种方式,这两个操作都使用AJAX。一旦您点击评分或投票按钮,网站将更新计算但整个页面保持不变。
  • 聊天室-一些网站在其主页上实现了内置聊天室,您可以通过该聊天室与他们的客户支持官交谈。如果您想同时浏览该页面,则无需担心。AJAX不会在您每次发送和接收新消息时重新加载您的页面。
  • Twitter的趋势通知-Twitter最近使用 AJAX进行更新。每次发布有关某些热门话题的新推文时,Twitter都会更新新数据,而不会影响主页。

简而言之,AJAX使多任务处理变得容易。如果您注意到类似的情况,即两个操作同时工作,一个正在运行,一个处于空闲状态,那可能是AJAX在做它的事情。

它是如何工作的?

请记住,AJAX不是一种单一的技术,也不是一种编程语言。如前所述,AJAX是一组Web开发技术。该系统一般包括:

  • 主要语言的HTML/XHTML和演示文稿的CSS。
  • 用于动态显示数据及其交互的文档对象模型 (DOM) 。
  • XML用于数据交换,XSLT用于数据操作。许多开发人员已经开始用json替换,因为它在形式上更接近JavaScript。
  • 用于异步通信的XMLHttpRequest对象。
  • 最后,JavaScript编程语言将所有这些技术结合在一起。

您可能需要一些技术知识才能完全理解它。但是,AJAX工作的一般过程非常简单。请查看下面的图表以进行进一步比较。

比较表

常规 AJAX
  1. HTTP请求从Web浏览器发送到服务器。
  2. 服务器接收并随后检索数据。
  3. 服务器将请求的数据发送到Web浏览器。
  4. Web浏览器接收数据并重新加载页面以显示数据。

在此过程中,用户别无选择,只能等到整个过程完成。它不仅耗时,而且还会给服务器带来不必要的负载。

  1. 浏览器创建一个JavaScript调用,然后激活XMLHttpRequest。
  2. 在后台,Web浏览器向服务器创建HTTP请求。
  3. 服务器接收、检索数据并将数据发送回Web浏览器。
  4. Web浏览器接收请求的数据,这些数据将直接显示在页面上。无需重新加载。

小结

抛开定义不谈,使用AJAX的更大好处是它简化了用户体验。您的访问者无需等待很长时间即可访问您的内容。但是,这也取决于您需要什么。例如,google允许用户在使用Google MAIl时在AJAX和传统版本之间进行选择。将您的用户需求放在列表的首位,并相应地使用AJAX。

扫描二维码推送至手机访问。

版权声明:本文由2345好导航站长资讯发布,如需转载请注明出处。

本文链接:http://www.2345hao.cn/blog/index.php/post/7894.html

分享给朋友:

“什么是AJAX以及它是如何工作的?” 的相关文章

MongoDB vs MySQL:哪个是更好的数据库管理系统?

MongoDB vs MySQL:哪个是更好的数据库管理系统?

由于市场上有各种可用的数据库,用户经常会就MongoDB与MySQL进行辩论,以找出更好的选择。 使用MySQL等关系数据库的组织在根据不断变化的需求管理和存储数据时可能会面临一定的困难。同时,新公司想知道选择什么数据库,这样他们就不会在开发过程中遇到问题。 同时,构建金融应用程序的开发人员...

27个学习PHP的最佳教程(免费和付费资源)

27个学习PHP的最佳教程(免费和付费资源)

对于初学者和那些刚刚进入WordPress开发的人来说,PHP是您可以开始的最佳起点之一。这是一种超级简单直接的语言,使其成为之一,因此相当容易上手,它构成了在线开发的支柱。另外,如果你想在WordPress后端工作,你肯定需要学习它。 但是,如果您不想在昂贵的大学课程上花费数月或数年时间怎么...

如何成为一名出色的Java开发人员

如何成为一名出色的Java开发人员

美国劳工统计局估计在美有超过软件开发人员。根据2021年的数据,其中,这是世界上使用最广泛的五种编程语言之一。 自然,学习Java并成为Java开发人员对于任何对软件开发感兴趣的人来说都是明智的职业选择。 在本综合指南中,您将学习成为Java开发人员所需的一切知识。我们将分解您需要的技能、工...

SaaS、IaaS与PaaS三者之间有什么区别?

SaaS、IaaS与PaaS三者之间有什么区别?

SaaS、IaaS和PaaS这三个术语几乎可以互换使用——尽管它们根本不能互换。那么它们之间有什么区别呢? 虽然您可能听说过软件即服务 (SaaS),但IaaS和PaaS在特定技术社区之外鲜为人知。分别是基础架构即服务和平台即服务的缩写,这些工具以及SaaS都通过云交付资源。然而,正是交付的资...

什么是NGINX网络服务器?

什么是NGINX网络服务器?

Web服务器负责使浏览器和用户可以访问您的网站。您可能以前听说过,但您可能不知道它是什么或它是如何工作的。幸运的是,我们为这个流行的服务器软件整理了一份快速指南。 在这篇文章中,我们将介绍NGINX的基础知识。我们将看看它是什么,它与其他Web服务器有何不同,以及它是如何工作的。我们还将讨论它...

如何在Pinterest上添加验证网站以解锁更多功能

如何在Pinterest上添加验证网站以解锁更多功能

Pinterest帮助数百万企业主,但您知道吗,当您了解如何在Pinterest上验证您的网站时,您可以解锁其他一些工具,例如高级分析、访问Pinterest广告和其他Pinterest开发/营销工具? 在Pinterest上“验证”您的网站是一个简单的过程,可以验证您实际上是您网站的所有者,...