XHR的属性

1.xhr.response

<script>
    const url = `http://www.imooc.com/api/http/search/suggest?words=${encodeURIComponent('前端')}`
    const xhr = new XMLHttpRequest();
    xhr.onreadystatechange = ()=>{
      if(xhr.readyState!==4) return;
      if((xhr.status >=200 && xhr.status <300) || xhr.status === 304){
        //可以用来替代reponseText
        console.log(xhr.response);
        // responseText：只能在没有设置responseType或者responseType=''或'text'
        //的时候才能使用
        console.log(xhr.responseText);
        console.log(typeof xhr.responseText);
      }
    }
    xhr.responseType = "json"; //浏览器调用JSON.parse()将服务器返回的json格式字符串转换为js对象
    xhr.open('GET',url,true);
    xhr.send(null)
  </script>

2.xhr.timeout

 xhr.timeout = 10000;//超过10秒就超时

3.xhr.withCredentials
使用Ajax发送请求时，默认情况下，同域时，会携带cookie；跨域时，不会

    xhr.withCredentials = true;

最终能否成功跨域携带cookie，还要看服务器同不同意（具体就是Access-Control-Allow-Origin请求头的值必须是具体域名，
而不是通配符*）