AJAX总结

发布时间：2020-12-15 21:38:55 所属栏目：百科来源：网络整理

导读：概论 AJAX—— Asynchronous Javascript And XML 是一种网页的交互技术。用于异步通信。依赖js完成。数据传输可以是json或xml。现在浏览器一般都支持XMLHttpRequest这个对象。对于低版本的浏览器，需要提示安装下载插件。对象的创建 var xmlHttpRequest =

概论

AJAX——Asynchronous Javascript And XML

是一种网页的交互技术。用于异步通信。依赖js完成。数据传输可以是json或xml。

现在浏览器一般都支持XMLHttpRequest这个对象。对于低版本的浏览器，需要提示安装下载插件。

对象的创建

var xmlHttpRequest = new XMLHttpRequest();

相应的接受与处理

ajax的请求是一个异步通信，不知道什么时候返回结果，需要对返回事件进行监听

属性：

readyState 五中状态

0：未初始化

1：建立连接

2：服务器返回相应（与服务器建立连接）

3：交互（处理响应数据，预处理）

4：完成：所有数据都发回来了，数据可以被使用

在xmlHttpRequrst这个对象状态发生改变的时候，都会出发一个xmlHttpRequest.onreadystatechange这个事件。所以很明显所有的事件处理，都放在这个方法里，根据readyState的值来分别处理。

在xmlHttpRequest的新版本中，有onload()方法。这个是当readyState==4是触发，现在使用不广泛。

根据响应头部的contentType来决定是什么格式的文本。xml比较少用。

xmlHttpRequest.responseText()得到json字符串，eval(jsonString);转换成json对象。

设置超时响应时间：xmlHttpRequest.timeout=500;会触发xmlHttpRequest.ontimeout = function (){}方法

jQuery-ajax

封装好的有

jQuery.get(目标url,参数{name:"";sex:""},回调function(){这里面是返回的xmlHttpRequest对象})

jQuery.post()

底层是

$.ajax()

一般格式：

$.ajax({
type: 'POST',
url: url,
data: data,
success: function(){},
dataType: dataType
});

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!