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
对于代码,比较喜欢简短精致(~ ̄▽ ̄)~
其他参考手册:https://www.w3school.com.cn/jquery/jquery_ref_ajax.asp
AJAX全局设置: $.ajaxSetup https://www.runoob.com/jquery/ajax-ajaxsetup.html