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 构造函数创建的。