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事件。
前端进阶----XMLHttpRequest对象简介
最新推荐文章于 2024-06-17 13:45:02 发布