ajax的工作机制

Ajax的基本工作原理

概念

Asynchronous JavaScript and XML（异步的js和XML）

Ajax是一种在无需重新加载整个网页的情况下，实现更新部分网页的技术。

通过在后台与服务器进行少量的数据交换，ajax可以使网页实现异步更新。

工作原理

首先我们要知道ajax是基于XMLHttpRequest对象的，浏览器会通过这个对象向服务器发出异步请求，并从服务器中获取数据，然后通过js来操作DOM对象从而实现页面的局部更新。

如果要使用ajax的话，那么open方法中的async参数必须是true。

优点、好处：

通过ajax，JavaScript就无需等待服务器的响应，而是

• 在等待服务器响应时执行其他脚本
• 当响应就绪后对响应进行处理

XMLHttpRequest对象请求

如需将请求发送到服务器，可以使用XMLHttpRequest对象的open()方法和send()方法。

open()方法，用于连接，它会初始化请求参数以供send方法稍后使用。

send()方法，用于发送。

//method参数用于规定http请求的类型，GET（用GET方式发送数据）或POST（用POST方式发送数据）。 
//url参数是指服务器上文件的地址 
//async参数规定是否是异步，true（异步）、false（同步） 
open(method, url, async); 
send();//将请求发送到服务器

XMLHttpRequest对象响应

属性

responseText：如果响应返回的数据是纯文本类型text那么就用responseText属性接收。

responseXML：如果响应返回的数据xml格式那么就用responseXML属性接收。

事件

onreadystatechange事件：准备状态的改变，只要readystate状态属性改变就会调用这个事件。

readystate属性：0（请求未初始化）、1（服务器连接已建立）、2（请求已接收）、3（请求处理中）、4（请求已完成，且响应已就绪。一般监听到4意味着服务器已返回数据，客户端可以进行处理了，此时还可以加一些额外的判断，如判断http状态码status：200、400、404等）

本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！