Ajax-使用
Posted axu521
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Ajax-使用相关的知识,希望对你有一定的参考价值。
readystate为ajax的状态码
1、创建ajax引擎对象时,readyState为0,这时会触发onreadystatechange但是没有数据,
2、open()时(开发连接),readyState为1,这时会触发onreadystatechange但是没有数据
3、send()时(传递参数),readyState为2,这时会触发onreadystatechange但是没哟数据
4、请求已发送,readyState为3,正在接受数据
5、表示数据已经成功接收,readyState为4
<!-- 声明js代码域 -->
<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>
以上是关于Ajax-使用的主要内容,如果未能解决你的问题,请参考以下文章
使用 jQuery 侦听未使用 jQuery.AJAX 加载的 AJAX 加载