现在位置: 首页 > Ajax 教程 > 正文

AJAX 简介


AJAX 是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。

AJAX 通过在后台与服务器交换数据,并能够更新部分网页内容。


您应当具备的基础知识

在继续学习之前,您需要对下面的知识有基本的了解:

  • HTML / XHTML
  • CSS
  • JavaScript / DOM

如果您希望首先学习这些项目,请在我们的首页访问这些教程。


什么是 AJAX ?

AJAX = 异步 JavaScript 和 XML。

AJAX 是一种用于创建快速动态网页的技术。

通过在后台与服务器进行少量数据交换,AJAX 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新。

传统的网页(不使用 AJAX)如果需要更新内容,必需重载整个网页面。

有很多使用 AJAX 的应用程序案例:微博、淘宝、知乎等。


AJAX 工作原理

  1. 事件触发(如点击按钮或页面加载)。
  2. AJAX 请求:通过 JavaScript 创建一个 XMLHttpRequest 对象,向服务器发送请求。
  3. 服务器处理请求:服务器(通常使用 PHP、Node.js 等)接收请求,处理并返回响应数据(JSON、XML、HTML等)。
  4. AJAX 响应处理:浏览器接收响应,使用 JavaScript 在页面上更新内容,而无需重新加载整个页面。

AJAX


AJAX是基于现有的Internet标准

AJAX是基于现有的Internet标准,并且联合使用它们:

  • XMLHttpRequest 对象 (异步的与服务器交换数据)
  • JavaScript/DOM (信息显示/交互)
  • CSS (给数据定义样式)
  • XML (作为转换数据的格式)

lamp  AJAX应用程序与浏览器和平台无关的!


Google Suggest

在 2005 年,Google 通过其 Google Suggest 使 AJAX 变得流行起来。

Google Suggest 使用 AJAX 创造出动态性极强的 web 界面:当您在谷歌的搜索框输入关键字时,JavaScript 会把这些字符发送到服务器,然后服务器会返回一个搜索建议的列表。


今天就开始使用 AJAX

AJAX 基于已有的标准。这些标准已被大多数开发者使用多年。

请阅读下一章,看看 AJAX 是如何工作的!