Ajax-使用

发布时间：2020-12-16 03:00:27 所属栏目：百科来源：网络整理

导读：readystate为ajax的状态码 1、创建ajax引擎对象时，readyState为0，这时会触发onreadystatechange但是没有数据, 2、open（）时（开发连接），readyState为1，这时会触发onreadystatechange但是没有数据 3、send（）时(传递参数)，readyState为2，这时会触发o

readystate为ajax的状态码

1、创建ajax引擎对象时，readyState为0，这时会触发onreadystatechange但是没有数据,

2、open（）时（开发连接），readyState为1，这时会触发onreadystatechange但是没有数据

3、send（）时(传递参数)，readyState为2，这时会触发onreadystatechange但是没哟数据

4、请求已发送，readyState为3，正在接受数据

5、表示数据已经成功接收，readyState为4

??? 
??? <script type="text/javascript">
?? ??? ?function getData(){
?? ??? ??? ?//创建ajax引擎对象
?? ??? ??? ??? ?var ajax;
?? ??? ??? ??? ?if(window.XMLHttpRequest){//火狐
?? ??? ??? ??? ??? ?ajax=new XMLHttpRequest();
?? ??? ??? ??? ?}else if(window.ActiveXObject){//IE
?? ??? ??? ??? ??? ?ajax=new ActiveXObject("Msxml2.XMLHTTP");
?? ??? ??? ??? ?}
?? ??? ??? ?//复写onreadystatement函数（监听函数监听Ajax状态码readystate）
?? ??? ???? ajax.onreadystatechange=function(){

?? ??? ??? ???? //判断Ajax状态码?? ??? ??? ??? ?if(ajax.readyState==4){?? ??? ??? ??? ??? ?//判断响应状态码(status为专门查看接收数据的Http状态码)?? ??? ??? ??? ??? ?if(ajax.status==200){?? ??? ??? ??? ??? ??? ?//获取响应内容?? ??? ??? ??? ??? ??? ?var result=ajax.responseText;?? ??? ??? ??? ??? ??? ?alert(result);?? ??? ??? ??? ??? ??? ?//获取元素对象?? ??? ??? ??? ??? ??? ?var showdiv=document.getElementById("showdiv");?? ??? ??? ??? ??? ??? ?showdiv.innerHTML=result;?? ??? ??? ??? ??? ??? ?}else if(ajax.status==404){?? ??? ??? ??? ??? ??? ??? ?//获取元素对象?? ??? ??? ??? ??? ??? ??? ?var showdiv=docunment.getElementById("showdiv");?? ??? ??? ??? ??? ??? ??? ?showdiv.innerHTML="请求资源不存在";?? ??? ??? ??? ??? ?}else if(ajax.status==500){?? ??? ??? ??? ??? ??? ?//获取元素对象?? ??? ??? ??? ??? ??? ?var showdiv=document.getElementById("showdiv");?? ??? ??? ??? ??? ??? ?showdiv.innerHTML="服务器繁忙";?? ??? ??? ??? ??? ?}?? ??? ??? ??? ?}?? ??? ??? ?}?? ??? ??? ?//发送请求("get"请求方式、"ajax"是请求资源名)?? ??? ??? ?ajax.open("get","ajax");?? ??? ??? ?ajax.send(null);//如果是post(参数)?? ??? ?}　</script>? ?? <body>?? ?<h3>欢迎登录403峡谷</h3>?? ??? ?<hr>?? ?<input type="button" value="测试" onclick="getData()"/>?? ?<div? id=showdiv>?? ??? ??? ?</div>

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!