前端进阶----XMLHttpRequest对象简介
2017-06-20 11:49
295 查看
Ajax最核心是浏览器提供的XMLHttpRequest对象(简称XHR),是这个对象使得浏览器可以发出HTTP请求与接收HTTP响应,异步传输数据,实现页面局部刷新。 一 XMLHttpRequest对象的使用 1:创建 常用创建方式:var xhr = new XMLHttpRequest(); 2:注册回调函数: 接下来就要指定当服务器返回信息时客户端的处理方式。只需将相应的处理函数名称赋给XMLHttpRequest对象的onreadystatechange属性即可 3:创建新的HTTP请求 xhr.open("get或post","请求的URL","是否异步发送的布尔值"); 栗子:xhr.open("get","www.baidu.com","true"); 4:向服务器发送HTTP请求 xhr.send();接收一个参数,即要发送的数据。若不需要发送数据,不 许填写 null 5:处理返回的信息 此时,我们需要在回调函数中,判断和服务器的交互是否完成,还要判断服务器端是否正确的返回了数据,并根据需要获取服务器返回的数据,更新页面内容。 二 XMLHttpRequest对象的属性 1 常用的属性 1 responseText:返回的字符串文本 2 statu:响应的HTTP状态 (1)2xx 成功 (2)3xx 重定向 (3)4xx 客户端错误 (4)5xx 服务器错误 2 异步请求下的属性和事件(常用) 属性--readyState:表示响应过程的当前活动状态。 0 未初始化。表示尚未调用 open()方法; 1 启动。表示已经启动 open()方法,当时没有启动send()方法; 2 发送。已经调用send()方法,但没有收到响应; 3 接收。已经收到部分响应数据; 4 完成。已经接收全部数据,可以在客户端使用。 事件--onreadystatechange:当readyState属性值发生变化的时候,就会触发onreadystatechange事件。
相关文章推荐
- 利用 HTML 5 的多图片上传及预览(不含前端的文件分割) 分类: HTML5 文件上传 上传图片的预览 XMLHTTPRequest对象 2014-01-13 11:05 419人阅读 评论(0) 收藏
- XMLHttpRequest 对象简介
- XMLHttpRequest对象简介
- Javascript-XMLHttpRequest对象简介
- XMLHttpRequest对象简介
- XML DOM - XMLHttpRequest 对象简介
- Javascript-XMLHttpRequest对象简介
- AJAX 简介 及 XMLHttpRequest对象的使用方法
- AJAX中XMLHttpRequest对象readyState属性的状态值含义
- 用XMLHTTPRequest对象进行客户端验证
- 为何XMLHttpRequest对象是AJAX的核心
- 一页面多XMLHttpRequest对象
- XMLHttpRequest对象和DOM对象
- 如何防止XMLHttpRequest对象传回的中文数据中出现乱码?
- js的XMLHttpRequest对象和DOM对象
- [CommunityServer]AJAX客户端说明,XMLHttpRequest对象
- AJAX 创建 XMLHttpRequest对象
- 为何XMLHttpRequest对象是AJAX的核心
- Ajax 中 XMLHttpRequest对象的方法与属性
- 建立XMLHttpRequest对象