其实ajax已经出来很久很久了。直到现在我才来写一篇关于ajax的博客,实属惭愧。
闲话不多说。首先ajax不是一门编程语言。而是js的一个新技术而已。有了它,人们可以在在刷新页面局部的情况下,与服务器进行交互!这样用户体验高了许多!
ajax的具体操作步骤
首先获取XMLHttpRequest对象,这是ajax的关键!
if(window.XMLHttpRequest){
xhr = new XMLHttpRequest()
}else{
xhr = new ActiveXObject("Microsoft.XMLHTTP");
}
其次浏览器对服务器发起请求!
xhr.open("GET/POST",url,true);
xhr.send();
如果是post操作表单数据,我们必须要加上一句话!
xhr.setRequestHeader("Content-type",“application/x-www-form-urlencoded”);
xhr.send("name=王二狗&sex=男");
再者,服务器做出反映,以及浏览器做出响应的DOM操作!
服务器会给出一个readyState的响应,来告诉浏览器,目前的响应状态,从0-4,其中4是响应完成!然后状态码status=200说明请求成功!
xhr.onreadystatechange = function(){
if(xhr.readyState==4 && xhr.status==200){
//DOM操作
}
}
最后再来说一下,响应数据,xhr.responseText响应文本;xhr.responseXML响应XML文本;
xhr.getAllResponseHeader();获取所有的响应头
xhr.getResponseHeader("Last-Modified");获取最后一次修改的时间