ajax jsonp axios fetch

Ajax技术核心就是XMLHttpRequest对象。
Ajax技术的工作原理：可以分成3步
1.创建Ajax对象：var xhr = new XMLHttpRequest();
2.xhr 发送请求：xhr.open(‘get’,‘test.html’,‘true’);
xhr.send();
3.xhr获取响应：
xhr.onreadystatechange = function(){
if(xhr.readystate == 4){//请求的状态码
/*
0:请求还没有建立（open执行前）
1：请求建立了还没发送（执行了open）
2：请求正式发送（执行了send）
3：请求已受理，有部分数据可以用，但还没有处理完成
4：请求完全处理完成
*/


ajax基础版
function ajax(options){
         var req=new XMLHttpRequest()
         req.open(options.type,options.url,true) 
         req.onreadystatechange=function(){
             if(req.readyState==4&&req.status==200){
                 options.success(req.responseText)
             }
         }
         req.send(null)
     }
ajax({
　　url:"http://www.wuguosong.top/api/list_b",
　　type:"get",
　　success:(res)=>{
　　　　console.log(res)
　　}
})

常见状态码

200 OK:客户端请求成功
206 Partial Content：客户发送了一个带有Range头的GET请求，服务器完成了它。 // video, audio
301 Moved Permanently：所请求的页面都已经转移至新的url
302 Found：所请求的页面已经临时转移至新的url
304 Not Modified：客户端有缓冲的文档并发出了一个条件性的请求，服务器告诉客户，原来缓冲的文档还可以继续使用。
400 Bad Request：客户端请求有语法错误，不能被服务器所理解
401 Unauthorized：请求未经授权，这个状态代码必须和WWW-Authenticate报头域一起使用
403 Forbidden：对被请求页面的访问被禁止
404 Not Found：请求资源不存在
500 Internal Server Error：服务器发生不可预期的错误
503 Server Unavailable：请求未完成，服务器临时过载或宕机，一段时间后可能恢复正常。
————————————————