AJAX简介

AJAX 是一种在无需重新加载整个网页的情况下，能够更新部分网页的技术。你应当具备的基础知识

在继续学习之前，你需要对下面的知识有基本的了解：

HTML / XHTML

CSS

JavaScript / DOM

什么是 AJAX ?

AJAX = 异步 JavaScript 和 XML。

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

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

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

有很多使用 AJAX 的应用程序案例：新浪微博、Google 地图、开心网等等。Google Suggest

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

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

为什么需要使用ajax

ajax主要是实现页面和web服务器之间数据的异步传输。

简单来说，不采用ajax的页面，当用户在页面发起请求时，就要进行整个页面的刷新，刷新快慢取决于服务器的处理快慢。在这个过程中用户必须得等待，不能进行其他操作。也就是同步的方式。客户端和服务端传递了很多不需要的数据。效率低，用户体验差。

a、采用ajax的页面，可以实现页面的局部更新，而不是整个页面的更新;b、并且发起请求后，用户还可以进行页面上的其他操作。这就是异步的方式。c、客户端和服务端间只传递需要的数据，效率高，用户体验性好。d、并且Ajax引擎在客户端运行，承担了一部分本来由服务器承担的工作，从而减少了大用户量下的服务器负载。

Ajax的工作原理

图片里面提到一个xhr，所谓的“XHR”(浏览器内置对象”XMLHttpRequest”)，也就是Ajax功能实现所依赖的对象，AJAX就是通过浏览器的内置对象XHMHttpResquest来发送异步请求的，异步请求不会妨碍客户端的任何操作。

异步：

XHR相当于是一个通信兵，来负责客户端与服务器之间的通信传输。举个例子：

要打仗了，前方阵地(客服端)不可能只等着通信兵(XHR)传递消息其他什么也不干吧，所以前方阵地还在干着自己的事情然后派通信兵去请求后方指挥部(服务器)的命令，指挥部下达命令指挥，通信兵再把命令传到前方阵地，然后前方阵地再执行命令相关的操作(客户端把数据渲染到页面)，这也就是Ajax的异步原理。

再来说说同步：

所谓的同步就是前方阵地和通信兵一起去向服务器请求数据，直到通信兵请求到数据，我才开始渲染页面，在请求的过程中页面一直是白屏等待的。

以上就是动力节点小编介绍的"AJAX简介"，希望对大家有帮助，如有疑问，请在线咨询，有专业老师随时为您服务。