JS异步编程 XHR的用法
2015-12-09 23:05
615 查看
var xhr = createXHR();
// open函数接受三个参数,第一个参数是发送请求的类型,第二个是请求的地址,第三个是是否以异步的形式发送请求
//url是相对于执行页面的相对路径,当然绝对路径也可以,调用 open方法并不会真正发送请求,要发送请求需要使用send方法
xhr.open("get", "example.aspx", false);
//发送请求
xhr.send(null);
//收到响应,响应的数据会自动填充到XHR对象的属性,
//responseText:作为响应的主体被返回的文本
//responseXML:如果响应的类型是“text/xml”或者“application/xml”,这个属性保存包含着响应数据的xml dom 文档
//status :响应的http状态
//statusText:http状态说明
//xhr的readyState属性,表示请求/响应过程的当前活动阶段
0:代表未初始化。尚未调用open()方法
1:启动,已经调用open()方法,但是没有调用send方法
2:发送,已经调用send()方法,但是没有收到响应
3:接收,已经接收部分响应数据
4:完成,已经接收到全部响应数据,而且可以在客户端上使用
只要readyState属性从一个值变到另外一个值,都会触发readystatechange事件
if (xhr.readyState == 4) {
//判断状态码是否正常
//正常,则调用回调函数
if (xhr.status == 200)
{
//执行回调函数
}
}
// open函数接受三个参数,第一个参数是发送请求的类型,第二个是请求的地址,第三个是是否以异步的形式发送请求
//url是相对于执行页面的相对路径,当然绝对路径也可以,调用 open方法并不会真正发送请求,要发送请求需要使用send方法
xhr.open("get", "example.aspx", false);
//发送请求
xhr.send(null);
//收到响应,响应的数据会自动填充到XHR对象的属性,
//responseText:作为响应的主体被返回的文本
//responseXML:如果响应的类型是“text/xml”或者“application/xml”,这个属性保存包含着响应数据的xml dom 文档
//status :响应的http状态
//statusText:http状态说明
//xhr的readyState属性,表示请求/响应过程的当前活动阶段
0:代表未初始化。尚未调用open()方法
1:启动,已经调用open()方法,但是没有调用send方法
2:发送,已经调用send()方法,但是没有收到响应
3:接收,已经接收部分响应数据
4:完成,已经接收到全部响应数据,而且可以在客户端上使用
只要readyState属性从一个值变到另外一个值,都会触发readystatechange事件
if (xhr.readyState == 4) {
//判断状态码是否正常
//正常,则调用回调函数
if (xhr.status == 200)
{
//执行回调函数
}
}
相关文章推荐
- D3.js实现随机散点图(附带横纵坐标轴)
- 没有键的json怎么解析?
- js对象笔记
- Javascript--识别IE
- javascript快速排序
- JS两种声明函数的方法以及调用顺序
- 毕设js随笔
- jsp清空input
- 不创建类将json数据转换
- 轻松学习JavaScript十三:JavaScript基于面向对象之继承(包含面向对象继承机制)
- win7配置自己的IIS服务器(含json访问)
- Gson解析Json格式数据
- JavaScript内置对象
- JavaScript 对象笔记
- 使用反射,实现简单的JSON与Bean之间的转换
- js将long日期格式转换为标准日期格式
- JSP获取表格中单元格的内容
- JavaScript的基本数据类型的父级
- 轻松学习JavaScript十二:JavaScript基于面向对象之创建对象(二)
- 跟我extjs5(38--单个模块的设计[6获得模块列表数据])