1)用途:
用于局部刷新在不影响用户操作的前提下对数据进行刷新;
2)用法如下:
第一步:
//创建一个XMLHttpRequest 对象
var req = new XMLHttpRequest();
第二步:
//打开连接
req.open("请求的方式(get/post)","url",true(是否异步));
第三步:
//发送数据,如果请求方式为get请求则不需要发送数据
req.send();
第四步:
//回调函数
req.onreadystatechange = function (){
//判断是否响应完成,及是否页面加载成功;
if(req.readyState==4&&req.status==200){
//获取接受数据
var xml = req.responseXML;
//对XML进行解析;
var doms = xml.getElementsByTagName("TagName");
//遍历输出;
for(var i = 0; i < doms.length; i++ ){
doms[i].childNodes[0].nodeValue;
}
}
}
补充一下:
readyState与status的区别:
ready在State表示的是请求与回应的进行状态,我们主要使用他判断服务器是否完成回应,但不能根据他判断服务器在进行数据处理时是否遇到错误,只有当readyState的值为4时(回应完毕)后才能读取status属性,根据它可以判断服务器是否正确处理了AJAX请求;