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

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

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

• 什么是AJAX？
• AJAX实例
• 它是如何工作的？
• 小结

什么是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工作的一般过程非常简单。请查看下面的图表以进行进一步比较。

比较表：