js实例教程-jQueryAJAX最常用的三种方法列举介绍

发布时间:2018-11-28 发布网站:脚本宝典
脚本宝典收集整理的这篇文章主要介绍了js实例教程-jQueryAJAX最常用的三种方法列举介绍脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。
小宝典致力于为广大程序猿(媛)提供高品质的代码服务,请大家多多光顾小站,小宝典在此谢过。

CV大法用习惯了,有时候都忘记基本的写法了,做个记录,方便下次查看

其实jQuery 调用AJAX方法有很多,如下图, 不过在项目中常用的也就那么几个,做个小统计:

最常用的三种:

 <script>     //把所有需要用到的地址归类到一个对象里     VAR webUrl = {         "show1Url": "{{ url('address/list1') }}",         "show2Url": "{{ url('address/list2') }}",         "show3Url": "{{ url('address/list3') }}"     };      function getData() {         $.get(webUrl.show1Url,  //获取地址             function(json){                 console.LOG(json);              });     }       function postData(v1) {         $.ajaxSettings.async = true;   //在这里设置同步或异步 默认为true(可不写)  false为同步          $.post(webUrl.show2Url,   //获取地址             {                 "id":v1          //需要传输的数据             },             function(json){                 console.log(json);             });     }      function fullData(id) {         $.ajax({              //  AJAX 请求设置。所有选项都是可选的。             async:false,        //请求是同步或异步    默认为true  为true时不用写             tyPE: "POST",            //设置类型             url: webUrl.show3Url,           //数据传输地址             dataType: "json",               //获取的数据类型             data: {"id":id},            //传参             success: function (json) {      //请求成功之后调用                 // console.log(json);                 console.log(json);             },             error: function () {        //请求出错时调用                 console.log("请求失败");             }         })     }   </script>

最后一种虽然很全,不过如果功能要求不是特别复杂的用前两个就OK

CV大法用习惯了,有时候都忘记基本的写法了,做个记录,方便下次查看

其实jquery 调用AJAX方法有很多,如下图, 不过在项目中常用的也就那么几个,做个小统计:

最常用的三种:

 <script>     //把所有需要用到的地址归类到一个对象里     var webUrl = {         "show1Url": "{{ url('address/list1') }}",         "show2Url": "{{ url('address/list2') }}",         "show3Url": "{{ url('address/list3') }}"     };      function getData() {         $.get(webUrl.show1Url,  //获取地址             function(json){                 console.log(json);              });     }       function postData(v1) {         $.ajaxSettings.async = true;   //在这里设置同步或异步 默认为true(可不写)  false为同步          $.post(webUrl.show2Url,   //获取地址             {                 "id":v1          //需要传输的数据             },             function(json){                 console.log(json);             });     }      function fullData(id) {         $.ajax({              //  AJAX 请求设置。所有选项都是可选的。             async:false,        //请求是同步或异步    默认为true  为true时不用写             type: "POST",            //设置类型             url: webUrl.show3Url,           //数据传输地址             dataType: "json",               //获取的数据类型             data: {"id":id},            //传参             success: function (json) {      //请求成功之后调用                 // console.log(json);                 console.log(json);             },             error: function () {        //请求出错时调用                 console.log("请求失败");             }         })     }   </script>

最后一种虽然很全,不过如果功能要求不是特别复杂的用前两个就OK

觉得可用,就经常来吧!Javascript技巧 脚本宝典 欢迎评论哦!&nbsp;js技巧,巧夺天工,精雕玉琢。小宝典献丑了!

脚本宝典总结

以上是脚本宝典为你收集整理的js实例教程-jQueryAJAX最常用的三种方法列举介绍全部内容,希望文章能够帮你解决js实例教程-jQueryAJAX最常用的三种方法列举介绍所遇到的问题。

如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。