一直使用jquery的ajax和后台进行数据的交互,用的最简单也是最多的就是下面的第一种
1.
$.ajax({
url:'请求后台地址',
type:'get',//默认
dataType:'json',//大部分情况下
success:function(data){
}
});
不过,其实$.ajax()方法里有很多参数可以配的,简单列举几个也常用的,其他还有很多可以参见jquery中文文档
https://www.html.cn/jqapi-1.9/
1.1 async:true/false,//是否异步请求,默认是true,若进入页面就要加载好几个接口,顺序没有要求的情况下使用异步速度比价快;
1.2 beforeSend:function(){}//请求发送之前的函数,设置自定义HTTP头信息等,
// 如设置token信息
beforeSend:function(xhr){
xhr.setRequestHeader('Authorization',token);
$('.laoding).show(); 请求数据还没回来之前出现loading动画,提示用户等待
}
1.3 contentType(default:'application/x-www-form-urlencoded; charset=UTF-8');
1.4 error:function(data){
//错误后的数据处理或用户提示等
}
2.
$.ajaxSetup(param);//为以后要用到的ajax请求设置默认的值;
param类型:plainObj,一个用来配置Ajax请求的'{key:value}';可选
所有后面的 Ajax 调用任何函数都将使用新的设置参数,除非它们调用时设置了各自的参数重载了这个默认值。 直到下一次调用 $.ajaxSetup(),应用场景:如果每个发送请求都需要做下设置,一个个写很麻烦,可以把此方法放到公共的common.js文件里,在需要用的页面直接引用common.js即可;
$.ajaxSetup({ beforeSend: function (xhr) { xhr.setRequestHeader("Authorization", Common.getAuthToken()); } });