脚本宝典收集整理的这篇文章主要介绍了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技巧 脚本宝典 欢迎评论哦! js技巧,巧夺天工,精雕玉琢。小宝典献丑了!
以上是脚本宝典为你收集整理的js实例教程-jQueryAJAX最常用的三种方法列举介绍全部内容,希望文章能够帮你解决js实例教程-jQueryAJAX最常用的三种方法列举介绍所遇到的问题。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。