摘要:CV大法用习惯了,有时候都忘记基本的写法了,做个记录,方便下次查看其实jQuery 调用AJAX方法有很多,如下图, 不过在项目中常用的也就那么几个,做个小统计:

小宝典致力于为广大程序猿(媛)提供高品质的代码服务,请大家多多光顾小站,小宝典在此谢过。

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技巧 脚本宝典 欢迎评论哦! js技巧,巧夺天工,精雕玉琢。小宝典献丑了!

本文固定链接: http://www.js-code.com/js/js_1451.html