Ajax 学习笔记

来源:互联网 发布:逆袭网络剧第一季腾讯 编辑:程序博客网 时间:2024/06/06 03:24

Ajax 。

Ajax 就是指无刷新读取技术,也就是在不刷新页面的前提下与后台数据进行交互。按照我的理解,比如一个股票网站,在用户不刷新浏览器的情况下,对股票价格进行更新,就利用了这样的技术吧??

废话少说。

Ajax 分为四个步骤

1.创建ajax对象

2.链接到服务器

3.发送请求

4.接收返回值

第一步:我们可以通过 var oAjax = new XMLHttpRequest(); 来创建一个对象。 注:ie6浏览器不支持,但是这种上古浏览器不管也罢。

第二步:连接服务器。oAjax.open("GET","test.txt",true); 第一个参数是代表读取方式,有GET和POST,PUT。这属于HTTP协议的内容。第二个参数是你要打开的文件的地址。第三个是是否异步、true代表是。

第三部:发送请求 oAjax.send();

第四部:接收返回值,接收返回这一步用的是onreadystatechange事件,判断Ajax对象的readyState处于哪个阶段(一共有四个值:0 代表此时还没有建立连接,也就是没有调用open方法,1代表正在载入,代表正在进行send也就是进行第三步。2代表载入完毕,也就是第三步完毕。3代表正在解析服务器返回的讯息。4.代表载入解析都完成)

但是无论成功或者失败与否,最后readyState都会返回4.我们需要用status来判断解析成功还是失败,当status=200时代表成功;而其他值就代表失败比如等于404时,就是说找不到文件。

oAjax.onreadystatechange = function(){
if(oAjax.readyState==4){
if(oAjax.status==
200){
alert(oAjax.responseText);
}
else{
alert("读取失败");
}
}
}
// 利用response.Text读取返回值




原创粉丝点击