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。

 

转载于:https://www.cnblogs.com/xuhua123/p/11502545.html