1、使用Ajax步骤
创建AJAX对象
ie5、ie6
使⽤var oAjax=new ActiveXObject("Microsoft.XMLHTTP")
创建
现代浏览器使⽤var oAjax=new XMLHttpRequest()
创建(⼀般使⽤这种即可)
连接服务器
oAjax.open('GET', url, true);
三个参数分别是请求的类型、⽂件在服务器上的位置、异步(true
)或者同步(false
)
发送请求
oAjax.send();
接收数据
- onreadystatechange事件
- onload事件
readyState属性:请求状态
- 0 (未初始化)还没有调⽤open()⽅法
- 1 (载⼊)已调⽤send()⽅法,正在发送请求
- 2 (载⼊完成)send()⽅法完成,已收到全部响应内容
- 3 (解析)正在解析响应内容
- 4 (完成)响应内容解析完成,可以在客户端调⽤了
status属性:请求结果
- 200: “OK”
- 404: 未找到⻚⾯
- 503:服务器暂时不可用
请求成功返回内容responseText
2、使用Ajax请求纯文本
准备:新建一个文件sample.txt,使用Ajax来读取其中的数据。
新建页面ajax1.html。
使用Ajax请求文本数据。
结果如下:
将上述第4
步接收数据的方式改成:onreadystatechange
。
结果如下:
3、onload和onreadystatechange的区别
onload能检听到4的readyState状态码,但监听不到2,3的readyState状态码,所以进入onload中一定是4,故上述示例中只输出1次。
onreadystatechange能监听到2,3,4的readyState状态码。
从结果来看,readyState状态码为3,4的时候都输出了数据。
4、将读取文本显示在页面上。
或者:
结果如下: