ajax,fetch和axios的区别

Ajax的本质是使用XMLHttpRequest对象来请求数据

fetch 是全局量 window 的一个方法

axios是一个ajax的封装

{
    //1.创建Ajax对象
    if(window.XMLHttpRequest){
       var oAjax=new XMLHttpRequest();
    }else{
       var oAjax=new ActiveXObject("Microsoft.XMLHTTP");
    }

    //2.连接服务器(打开和服务器的连接)
    oAjax.open('GET', url, true);  //true为异步;false为同步

    //3.发送
    oAjax.send();

    //4.接收
    oAjax.onreadystatechange=function (){
       if(oAjax.readyState==4){
           if(oAjax.status==200){
              //alert('成功了:'+oAjax.responseText);
              fnSucc(oAjax.responseText);
           }else{
              //alert('失败了');
              if(fnFaild){
                  fnFaild();
              }
           }
        }
    };
}

ajax的5种状态

  • 0: 请求未初始化(还没有调用send()方法)
  • 1: 服务器连接已建立(已调用send()方法,正在发送请求)
  • 2: 请求已接收(send()方法执行完成,已经接收到全部响应内容)
  • 3: 请求处理中(正在解析响应内容)
  • 4: 请求已完成,且响应已就绪(响应内容解析完成,可以在客户端调用了)

results for ""

    No results matching ""