Ajax知识点：什么是Ajax？Ajax应用原理是什么？

Posted 2021-04-15 云探索网络

1.什么是Ajax？

Ajax被认为是(Asynchronousjavascript and XML的缩写）。现在，允许浏览器与服务器通信而无须刷新当前页面的技术都被叫做Ajax。

2.Ajax应用原理。

Ajax的核心是JavaScript对象XmlHttpRequest。

该对象在Internet Explorer 5中首次引入，它是一种支持异步请求的技术。简而言之，XmlHttpRequest使您可以使用JavaScript向服务器提出请求并处理响应，而不阻塞用户。

AJAX采用异步交互过程。AJAX在用户与服务器之间引入一个中间媒介，从而消除了网络交互过程中的处理—等待—处理—等待缺点。

用户的浏览器在执行任务时即装载了AJAX引擎。AJAX引擎用JavaScript语言编写，通常藏在一个隐藏的框架中。它负责编译用户界面及与服务器之间的交互。

AJAX引擎允许用户与应用软件之间的交互过程异步进行，独立于用户与网络服务器间的交流。现在，可以用Javascript调用AJAX引擎来代替产生一个HTTP的用户动作，内存中的数据编辑、页面导航、数据校验这些不需要重新载入整个页面的需求可以交给AJAX来执行。

3.AJAX的缺陷

1，AJAX大量使用了Javascript和AJAX引擎，而这个取决于浏览器的支持。IE5.0及以上、Mozilla1.0、NetScape7及以上版本才支持，Mozilla虽然也支持AJAX，但是提供XMLHttpRequest的方式不一样。所以，使用AJAX的程序必须测试针对各个浏览器的兼容性。

2，AJAX更新页面内容的时候并没有刷新整个页面，因此，网页的后退功能是失效的；有的用户还经常搞不清楚现在的数据是旧的还是已经更新过的。这个就需要在明显位置提醒用户“数据已更新”。

2，AJAX更新页面内容的时候并没有刷新整个页面，因此，网页的后退功能是失效的；有的用户还经常搞不清楚现在的数据是旧的还是已经更新过的。这个就需要在明显位置提醒用户“数据已更新”。

3，一些手持设备（如手机、PDA等）现在还不能很好的支持Ajax。

4.构建Ajax

 

步骤：

①创建XHR对象

②创建Ajax请求

③发送Ajax请求

④处理服务器响应

常用方法：

open(method , url , asynchronous , user , password);创建请求

send(body);发送请求

onreadystatechange事件

readyState属性判断请求状态

status存储服务器端返回的HTTP响应代码，它代表请求的处理结果.

XHR对象可以接收服务器返回的文本片段和XML文档，分别保存在responseText与responseXML属性中。

来源：Caozefei_2018的博客