ajax

其实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");获取最后一次修改的时间


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值