AJAX - 教程

---

---

AJAX 是一种用于创建交互式 Web 应用程序的 Web 开发技术。如果您了解 JavaScript、HTML、CSS 和 XML，那么您只需花一个小时即可开始使用 AJAX。

为什么要学习 Ajax？

AJAX 代表同步 JavaScript 和 XML。AJAX 是一种新技术，可在 XML、HTML、CSS 和 Java 脚本的帮助下创建更好、更快、更具交互性的 Web 应用程序。

• Ajax 使用 XHTML 进行内容显示，使用 CSS 进行表示，并使用文档对象模型和 JavaScript 进行动态内容显示。
• 传统的 Web 应用程序使用同步请求与服务器之间传输信息。这意味着您填写表单，点击提交，然后被定向到包含服务器新信息的新页面。
• 使用 AJAX 时，当您点击提交时，JavaScript 将向服务器发出请求，解释结果并更新当前屏幕。从最纯粹的意义上讲，用户永远不会知道任何东西甚至被传输到服务器。
• XML 通常用作接收服务器数据的格式，但也可以使用任何格式，包括纯文本。
• AJAX 是一种独立于 Web 服务器软件的 Web 浏览器技术。
• 当客户端程序在后台向服务器请求信息时，用户可以继续使用该应用程序。
• 直观自然的用户交互。单击不是必需的，鼠标移动就足以触发事件。
• 数据驱动，而不是页面驱动。

富互联网应用技术

AJAX 是迄今为止最可行的富 Internet 应用程序 （RIA） 技术。它正在获得巨大的行业发展势头，并且出现了一些工具包和框架。但同时，AJAX 存在浏览器不兼容，并且受 JavaScript 支持，很难维护和调试。

AJAX 基于开放标准

AJAX 基于以下开放标准 -

• 使用 HTML 和级联样式表 （CSS） 的基于浏览器的表示。
• 数据以 XML 格式存储并从服务器获取。
• 在浏览器中使用 XMLHttpRequest 对象获取幕后数据。
• JavaScript 让一切发生。

适合人群

本教程对于想要学习如何创建交互式网页以及使用 AJAX 提高速度和可用性的 Web 开发人员非常有用。

先决条件

强烈建议您在尝试本教程之前熟悉 HTML 和 JavaScript。

有关 AJAX 的常见问题

有一些关于 AJAX 的非常常见问题 （FAQ），本节试图简要回答它们。

什么是 AJAX，我们在哪里使用它？

AJAX 是 Asynchronous JavaScript And XML 的缩写。它允许与 Web 页面交互，而无需重新加载页面。因此，它用于增强用户体验。

AJAX 的发明者是谁？

AJAX 的思想是由 Jesse James Garrett 在 2005 年提出的。

哪个浏览器支持 Ajax？

几乎所有现代浏览器都内置了对 AJAX 的支持。该列表包括 Google Chrome、Mozilla Firefox、Safari、Microsoft Edge 和 Opera。

Ajax 是如何工作的？

以下步骤解释了 AJAX 的工作原理 -

• 从事件的发生开始。
• 然后，调用 XMLHttpRequest 对象，该对象向服务器发送请求。
• 服务器接收并处理请求。
• 服务器将响应发回。
• 最后，响应会显示在屏幕上。

我们如何测试 AJAX 代码？

测试 AJAX 代码的不同方法如下 -

• 端到端测试
• 手动测试
• 单元测试
• 使用浏览器的内置开发人员工具。
• 使用测试框架

如何在 AJAX 中上传文件？

要在 AJAX 中上传文件，我们使用 FormData 对象。

哪些公司使用 AJAX？

波音、戴尔、JPM Global、亚马逊、Microsoft 等公司在软件开发生命周期的不同阶段使用 AJAX。

AJAX 的关键组件是什么？

以下是 AJAX 的关键组件如下 -

• XMLHttpRequest 对象
• JavaScript
• HTML DOM

AJAX 中有多少种数据类型？

AJAX 没有任何数据类型。

如何创建 AJAX 对象？

AJAX 对象是使用 JavaScript 的 XMLHttpRequest 构造函数创建的。