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
对于代码,比较喜欢简短精致(~ ̄▽ ̄)~