关于XMLHttpRequest的xhr.readyState和 xhr.status 的简单使用

发送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