用ajax向后台发送请求,四步:
1、第一步,实例一个new XMLHpptResponse()对象;
let xhr = new XMLHpptResponse();
2、第二步,open() 发送请求方式,有三个参数:
第一个参数是 请求方式
第二个参数是 请求地址
第三个参数是 同步异步,true 异步 false 同步;
xhr.open('get',url,true);
3、第三步,send(null) 发送请求;
xhr.send(send);
4、监听响应码,onreadystatechange事件;
xhr.onreadystatechange = function(){
if(xhr.readyState === 4 && xhr.status === 200 ){
console.log(xhr.responseText); // xhr.responseText接收后台响应的数据,字符串类型
}
}
状态监听,常见的响应码:
xhr.readyState 有五种状态:
0 (未初始化) 还没有调用open()方法
1 (以初始化)创建对象,已经调用open()方法,但还没有调用send()方法。
2 建立链接;已经调用send()方法,但还没有接收到响应。
3 服务器接到请求,还未做出响应;
4 服务器接到请求,并作出响应;
xhr.status
1xx:请求收到,继续处理
2xx:操作成功收到,分析、接受
3xx:完成此请求必须进一步处理
4xx:请求包含一个错误无法或不能完成
5xx:服务器执行一个完全有效请求失败
实例
版权声明:本文为weixin_45493439原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。