统一设置ajax的参数信息

最新推荐文章于 2024-01-10 15:01:18 发布

原创最新推荐文章于 2024-01-10 15:01:18 发布 · 1.4k 阅读

0 ·

CC 4.0 BY-SA版权

前端专栏收录该内容

15 篇文章

订阅专栏

本文展示了如何使用jQuery的`ajaxSetup`方法全局配置Ajax请求，在请求发送前显示loading图标，并在请求完成后移除。同时，定义了错误处理函数，以统一处理请求异常情况。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

/**统一设置ajax的参数信息，发送信息前加载 loading 图标，请求完成后去掉 loading进度条图片 */
$(function(){
$.ajaxSetup({
beforeSend: function (xhr) {
var centerContent='<i class="uf uf-fluffycloudsilhouette u-loader-centerContent"></i>';
var opt1={
hasback:true,
hasDesc:true,//是否含有加载内容描述
centerContent:centerContent
};
u.showLoader(opt1);
},
complete: function (xhr, status) {
setTimeout("u.hideLoader({hasback:true});",200 );

},
error: function (XMLHttpRequest, textStatus, errorThrown) {//对错误进行统一处理
var info='' ;
if(XMLHttpRequest.readyState == 0 ){
info = '请求超时'+ XMLHttpRequest.responseText ;
}else{
info = '请求异常，请检查。' + XMLHttpRequest.responseText ;
}
u.messageDialog({msg: info, title: '请求错误', btnText: '确定'});
}
}) ;
});

var getAppCode = function(){
var hash = window.location.hash;
var id = hash.slice(2);
return id;
}

var initButton = function(viewModel, element, async){
if(!viewModel.buttonShowGroup){
viewModel.buttonShowGroup = {};
}
var id = getAppCode();
var async = async || false;
$.ajax({
type: 'get',
async: async,
url: "/security/auth?funcCode=" + id,
success: function(data) {
var funList = data;
if(null != funList){
for(var i = 0; i < funList.length; i++){
var funTemp = funList[i];
viewModel.buttonShowGroup[funTemp]= ko.observable(true);
}
ko.cleanNode(element);
ko.applyBindings(viewModel,element);
}
}
});

}