前端进阶----XMLHttpRequest对象简介

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事件。
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值