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

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

作为一种众所周知的编码语言,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与传统Web程序请求对比

比较表

常规 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。

评论留言