写Ajax步骤:
1.创建Ajax对象
2.连接到服务器
3.发送请求
4.接收返回值
//1.创建Ajax对象
var oAjax = new XMLHttpRequest();//非IE6
var oAjax = new ActiveXobject("Microsoft.XMLHTTP");//IE6
在JS中,使用没有定义的变量---报错;使用没有定义的属性---undefined
做兼容:
if(window.XMLHttpRequest){
var oAjax = new XMLHttpRequest();
}
else
{ var oAjax = new ActiveXobject("Microsoft.XMLHTTP");
}
//2.连接到服务器(open(方法,文件名,异步传输))
oAjax.open('GET','a.txt+?t' = new Date().gettime(),true);//文件后面内容是阻止缓存
浏览器为了提高用户访问同一页面的速度,会对页面数据进行缓存。当url请求地址不变时,
有时候会导致浏览器不发送请求,直接从缓存中读取之前的数据。
如果数据改变了,而没加随机数,读取的数据会跟之前一样。
加上随机数,就是欺骗浏览器url改变了,会每次都向服务器发送请求而不去读缓存
3、发送请求
oAjax.send();
4.接收返回值
oAjax.onreadystatechange = function(){
//oAjax.readystate 浏览器与服务器进行到哪一步了
if(oAjax.readstate==4)//读取完成
{
if(oAjax.status==200)//成功
{ alert("success");
}
else{
alert("fail");
}
}
};
请求状态监控
onreadystatechange 事件
readystate属性:请求状态
0 (未初始化)还没有调用open()方法
1 (载入)已调用send()方法,正在发送请求
2 (载入完成)send()方法完成,已收到全部响应内容
3(解析)正在解析响应内容
4 (完成) 响应内容解析完成,可以客户端调用了
status属性:请求结果
创建Ajax的步骤
最新推荐文章于 2022-12-23 15:32:12 发布