原生ajax四步
- 创建一个XMLHttpRequest的实例
let xhr = new XMLHttpRequest();
2.为xhr.onreadystatechange设置事件监听
xhr.onreadystatechange = function (){
if(xhr.readyState === 4){
switch (xhr.status){
case 200:{
console.log(JSON.parse(xhr.responseText));
break;
}
case 404:{
console.log("页面或者资源找不到");
break;
}
}
}
}
- 调用xhr.open(请求方式,请求地址,同步异步)
xhr.open("GET","https://cnodejs.org/api/v1/topicss",false);
- 发送请求的数据
xhr.send(null)
console.log(xhr);
HTTP常见状态码
- 1XX 请求正在处理
- 2XX 一般都表示成功
- 3XX 一半都表示重定向
- 4XX 一般都表示资源找不到 客户端错误
- 5XX 服务器内部错误
同源
同源:协议://域名:端口号 都一样就是同源 如果有一个不一样 就是非同源(跨域)
跨域
跨域即不同源 JSONP CORS(后端) Proxy(代理)