AJAX 教程 | 学习 Ajax

AJAX 是一种用于创建交互式 Web 应用程序的 Web 开发技术。如果您知道 JavaScript , HTML , CSS 和 XML , 那么您只需要花一个小时就可以开始使用 AJAX 。

为什么要学习 Ajax ?

AJAX 代表 A 同步 Ja vaScript 和 X ML. AJAX 是一种借助 XML 、 HTML 、 CSS 和 Java Script 创建更好、更快、更具交互性的 Web 应用程序的新技术。

  • Ajax 将 XHTML 用于内容 , 将 CSS 用于表示 , 将文档对象模型和 JavaScript 用于动态内容显示。

  • 传统的 Web 应用程序使用同步请求将信息传输到服务器和从服务器传输信息。这意味着您填写表单 , 点击提交 , 然后使用来自服务器的新信息定向到新页面。

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

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

  • AJAX 是一种独立于 Web 服务器软件的 Web 浏览器技术。

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

  • 直观自然的用户交互。不需要单击 , 鼠标移动是足够的事件触发器。

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

丰富的互联网应用技术

AJAX 是迄今为止最可行的 Rich Internet Application (RIA) 技术。它正在获得巨大的行业势头 , 并且出现了几个工具包和框架。但与此同时 , AJAX 具有浏览器不兼容性 , 并且由 JavaScript 支持 , 难以维护和调试。

AJAX 基于开放标准

AJAX 基于以下开放标准 :

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

观众

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

先决条件

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

关于 AJAX 的常见问题

有一些关于 AJAX 的常见问题 ( FAQ ) , 本节将简要回答。

什么是 AJAX , 我们在哪里使用它 ?

AJAX 是 Asynchronous JavaScript And 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 Global , 亚马逊 , 微软等公司在软件开发生命周期的不同阶段使用 AJAX 。

AJAX 的关键组件是什么 ?

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

  • XMLHttpRequest 对象
  • JavaScript
  • HTML DOM

AJAX 中有多少种数据类型 ?

AJAX 没有任何数据类型。

如何创建 AJAX 对象 ?

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