Ajax请求的四种方式

  浏览器中向服务端发送ajax请求，4种:

   1. 使用原生的xhr对象——使用繁琐

 

          function sendAjax(){               //1.创建异步对象（xhr）                 var xhr=createXhr();                 //2.绑定监听事件                 xhr.onreadystatechange=function(){                  if(xhr.readyState==4&&xhr.status==200){                     var result=xhr.responseText;                         console.log(result);                  }                 }                 //3.打开连接                 xhr.open("get","url",true);                 //4.发送请求                 xhr.send(null);             }

 

   2. 使用jQuery中的$.ajax()——大材小用

　　$.ajax({name:value, name:value, ... })

   3. 旧版Vue中，Vue官方自带了Vue-resource组件，专门发送xhr请求。

this.$http.get(url,{params: {value}}).then(function(res){
    document.write(res.body);    
},function(res){
    console.log(res.status);
});

 

   4. axios，官方推荐的代替Vue-resource的，专门发送ajax请求的函数库

 

axios.get(url,{ params:{value}}).then(function(res){ })   //get   axios.post(url, Qs.stringify({ value })).then(function(res){ })   //post

 

 何时使用：只要在Vue中发送ajax请求，都用axios

 如何使用： axios是一个单独的js文件，与平台无关，需要下载并引入axios.min.js文件，辅助下载并引入qs.min.js。