本帖最后由 秦敖 于 2012-10-19 13:52 编辑
ajax代码大致可以分成以下几步完成:(1)创建xmlhttp对象。(2)设置访问参数。(3)绑定状态监听函数。(4)发送请求。
<script type="text/javascript">
var xmlhttp=CreateXmlHttp();//创建xmlhttp对象
var url="test.ashx?m="+Math.random();
xmlhttp.open("POST",url,false);//设置访问参数
xmlhttp.onreadystatechange=StateChange;//绑定状态监听函数
xmlhttp.send();//发送请求
//以下是xmlhttp对象创建函数,在里面可以扩展非IE的创建。
function CreateXmlHttp(){
var xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");//IE创建方式。
if(xmlhttp){
return xmlhttp;
}
else{
alert("ajax对象创建失败");
}
}
//以下是状态监听函数。readyState代表和服务器通讯状态。
//1:开始发送。2:发送完成。3:读取响应。4:读取完成。
//Status代表服务器端返回的状态代码。200代表读取成功。
//readyState是和服务端通讯状态(读取进行到哪一步),Status是读取完成后
//服务器端返回的状态,所以Status必须在readyState==4也就是读取完成
//之后来获取。所以(xmlhttp.readyState==4&&xmlhttp.Status==200)这
//种写法是没道理的。
function StateChange(){
if(xmlhttp.readyState==4){
if(xmlhttp.Status==200){
alert(xmlhttp.responseText);
}
else{
alert("服务端读取错误!");
}
}
}
</script> |