首页 > Web开发 > 详细

Ajax请求的四种方式

时间:2019-09-10 21:29:33      阅读:72      评论:0      收藏:0      [点我收藏+]

  浏览器中向服务端发送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。

 

Ajax请求的四种方式

原文:https://www.cnblogs.com/xuhua123/p/11502545.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!