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请求头的值必须是具体域名,
而不是通配符*)