发送http请求
var xhr = new XMLHttpRequest();
xhr.open("post", "example.php");
xhr.send();
// 监控对象的变化
xhr.onreadystatechange = function () {
if (xhr.readyState == 4 && xhr.status == 200) {
// xhr.readystate 是xmlHttpRequest对象的状态,4标识数据已经接收完毕, status是服务器返回的状态码,200表示一切正常
console.log(xhr.responseText);
} else {
console.log(xhr);
}
};
- 注意: 每次状态发生改变都会调用change函数,readyState的值有0,1,2,3,4。
xhr.readyState == 4 && xhr.status == 200
结合来判断服务器成功响应并返回数据
xhr.readyState的取值:
- 0:请求未初始化,还没有调用 open() 。
- 1:请求已经建立,但是还没有发送,还没有调用 send()
- 2:请求已发送,正在处理中(通常现在可以从响应中获取内容头)。
- 3:请求在处理中;通常响应中已有部分数据可用了,没有全部完成。
- 4:响应已完成;您可以获取并使用服务器的响应了。
补充: chrome浏览器中有个跨域的限制
chrome:flags 中搜索 private 中定位到第一个
阻止不安全的专用网络请求:防止非安全上下文向更多专用IP地址发出子资源请求。
使用场景:
当在本机测试可以正常运行,打包发到线上后出现跨域问题的时候,要讲这个选项设置改为disabled