100字范文,内容丰富有趣,生活中的好帮手!
100字范文 > js书写原生ajax javascript原生ajax写法

js书写原生ajax javascript原生ajax写法

时间:2020-06-07 13:19:25

相关推荐

js书写原生ajax javascript原生ajax写法

//JavaScriptDocument

varXHR;//定义一个全局对象

functioncreateXHR(){//首先我们得创建一个XMLHttpRequest对象

if(window.ActiveXObject){//IE的低版本系类

XHR=newActiveXObject('Microsoft.XMLHTTP');//之前IE垄断了整个浏览器市场,没遵循W3C标准,所以就有了这句代码,但IE6之后开始有所改观

}elseif(window.XMLHttpRequest){//非IE系列的浏览器,但包括IE7IE8

XHR=newXMLHttpRequest();

}

}

functionsend(data){

createXHR();

XHR.open("GET","/url/xxx",true);//true:表示异步传输,而不等send()方法返回结果,这正是ajax的核心思想

/*

XHR.open("POST","/url/xxx",true);//POST

XHR.setRequestHeader("Content-Length",data.lenght);

XHR.setRequestHeader("Content-Type","application/x-www-form-urlencoded;");//用POST的时候一定要有这句

*/

XHR.onreadystatechange=ajax;//当状态改变时,调用ajax这个方法,方法的内容我们另外定义

XHR.send(data);

}

functionajax(){

if(XHR.readyState==4){//关于Ajax引擎对象中的方法和属性,可以参考博文:/hongfei/archive//11/29/2265377.html

if(XHR.status==200){

vartextHTML=XHR.responseText;

document.getElementById('checkbox').innerHTML=textHTML;

}

}

}

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。