AJAX 教程 | 学习 Ajax

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

为什么要学习 Ajax？

AJAX 代表 **A**synchronous **Ja**vaScript and **X**ML。AJAX 是一种使用 XML、HTML、CSS 和 Java Script 创建更好、更快、更交互式 Web 应用程序的新技术。

• Ajax 使用 XHTML 用于内容，CSS 用于呈现，以及文档对象模型和 JavaScript 用于动态内容显示。

• 传统的 Web 应用程序使用同步请求在服务器之间传输信息。这意味着您填写表单，点击提交，然后被定向到一个新页面，其中包含来自服务器的新信息。

• 使用 AJAX，当您点击提交时，JavaScript 将向服务器发出请求，解释结果，并更新当前屏幕。从最纯粹的意义上讲，用户永远不会知道任何内容是否被传输到服务器。

• XML 通常用作接收服务器数据的格式，尽管可以使用任何格式，包括纯文本。

• AJAX 是一种与 Web 服务器软件无关的 Web 浏览器技术。

• 用户可以在客户端程序在后台请求服务器信息时继续使用应用程序。

• 直观且自然的用户交互。不需要点击，鼠标移动就足以触发事件。

• 数据驱动而不是页面驱动。

富互联网应用程序技术

AJAX 是迄今为止最可行的富互联网应用程序 (RIA) 技术。它正在获得巨大的行业发展动力，并且出现了几个工具包和框架。但与此同时，AJAX 存在浏览器兼容性问题，并且它受 JavaScript 支持，这难以维护和调试。

AJAX 基于开放标准

AJAX 基于以下开放标准 -

• 使用 HTML 和层叠样式表 (CSS) 的基于浏览器的呈现。
• 数据以 XML 格式存储并从服务器获取。
• 使用浏览器中的 XMLHttpRequest 对象在后台获取数据。
• JavaScript 使一切成为可能。

受众

本教程将对希望学习如何创建交互式网页以及使用 AJAX 提高其速度和可用性的 Web 开发人员有所帮助。

先决条件

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

关于 AJAX 的常见问题

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

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

AJAX 是一个缩写词，代表异步 JavaScript 和 XML。它能够与网页交互，而无需重新加载页面。因此，它用于增强用户体验。

谁是 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 全球、亚马逊、微软等许多公司在软件开发生命周期的不同阶段使用 AJAX。

AJAX 的关键组件是什么？

以下是 AJAX 的关键组件 -

• XMLHttpRequest 对象
• JavaScript
• HTML DOM

AJAX 中有多少种数据类型？

AJAX 没有数据类型。

如何创建 AJAX 对象？

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