ajax学习笔记之二

前端之家收集整理的这篇文章主要介绍了ajax学习笔记之二前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

代码进行一下优化如下:

window.onload=initAll;//页面加载是调用
varxhr=false;//先定义为flase
//加载函数
functioninitAll(){
if(window.XMLHttpRequest){//判断浏览器是否支持XMLHttpRequest,如果支持则创建对象
xhr=newXMLHttpRequest;
}else{
if(window.ActiveXObject){//如果不支持则判断时候支持ActiveXObject(为IE早期浏览器内置引擎对象)
try{
xhr=newActiveXObject("Microsoft.XMLHTTP");//创建对象
}catch(e){}
}

}

if(xhr){//判断如果对象存在
getPix();//调用getPix()函数
}
else{
alert("Sorry,butIcould'tcreatanXMLHttpRequest");//否则,弹出对话框提示不能创建引擎对象
}

}
functiongetPix(){
xhr.open("GET/POST","URL地址","true/fasle");//打开open函数
xhr.onreadystatechange=showPictures;//状态变化判断
xhr.end(null);//发送参数(get为null,post先设置requesthead)
setTimeout(getPix,5*1000);//每5S调用一次函数
}
functionshowPictures(){
vartempText=doucument.createElement("div");//创建一个div
if(xhr.readyState=4){//判断状态是否为4
if(xhr.status=200){
varallImages=xhr.responsXML.getElementsByTagName("content");//处理结果
}
}else{
alert("Therewasaproblemwiththerequest"+xhr.status)
}

}


需要注意的地方

虽然微软的IE(5.5,6)支持XMLHttpRequest,但是没有这个对象的本机版本,在这种情况下,必须检查浏览器是否支持ActiveX。如果支持的话,就检查是否能根据ActiveX创建XMLHttpRequest对象(try、catch进行异常处理)。

每当xhr.readyStatue属相值发生变化时,就会触发xhr.onreadystatuechange这个处理程序从


readyState属性

0----------------未初始化

1---------------正在加载

2----------------已经加载

3----------------交互式的,未加载完也可以进行交互

4----------------完成


状态码200代表一切正常,404请求文件不存在

原文链接:https://www.f2er.com/ajax/164243.html

猜你在找的Ajax相关文章