1.简单说明:
Jquery全局配置Ajax的方式为:
$.ajaxSetup({ beforeSend: function () { //ajax请求之前 }, complete: function () { //ajax请求完成,不管成功失败 }, error: function () { //ajax请求失败 } });
2.详细配置
//全局配置
$.ajaxSetup({
layerIndex:-1,
//保存当前请求对应的提示框index,用于后面关闭使用
//在请求显示提示框
beforeSend:
function
(jqXHR, settings) {
this
.layerIndex = layer.load(1);
},
//请求完毕后(不管成功还是失败),关闭提示框
complete:
function
() {
layer.close(
this
.layerIndex);
},
//请求失败时,弹出错误信息
error:
function
(jqXHR, status, e) {
layer.alert(
'数据请求失败,请后再试!'
);
}
});
3。测试功能代码:
//按钮点击响应
function
btnClick() {
$.get(
"data.php"
, {name:
"hangge"
},
function
(data){
console.log(data);
});
}
<body>
<input type=
"button"
value=
"请求数据"
onclick=
"btnClick()"
/>
</body>
4.其他配置
特殊Ajax请求如果不想呈现Loading,只需增加:global:false即可
$.ajax({ type: "Get", url: ***********, global: false });