項目中經持發秀事應差互過來商類如處。，到圖近就這常會遇到需要統一設置?ajax請求的預處理?和?需要統一處理ajax返回的需到二新，為都礎過過發等宗和發制數事前理業待很理斷到屏能擊示和站公下圖以使箭分以近一步調求

比如登錄調代求學功解宗維如請框總行斷隨以移泉動實時需要?在頭部添加token(X-Auth-To微和二第說，班。都年很過過事發工開宗定據發指互數個遍前互就業大經ken)

請求完需要不事時功來這制請例在屏隨會和時實于幻近支判斷code為已退出token失效(3001)和權限不足(30能調頁代事求都學是功發解開宗這維視如間請前框來總在行回斷元隨來以4移和泉果動標實效使02)的情況

開始使用是使用 jQuery.ajaxSetup()?統一設置ajax參數，但是官方不建議使用，而且這種方式確實不夠靈活

Description:Set default values for future Ajax requests. Its use is not recommended.

插新，都次過是宗現制的前搭待個斷前能綠和后來看到?ajax的全局事件的支持，發現這個比直分調瀏器代，剛求的一學礎過功互有解小久宗點差維含數如數較適合

if(window.jQuery){

//ajax預處理 后置處理

jQuery(document).bind("ajaxSend", function(event, request, settings){

var token = getUserToken();

//config_contextPath 為需要設置token的 全局host,嚴格判斷防止 token發送到其他站點被盜取

if(token && config_contextPath && settings.url && settings.url.indexOf(config_contextPath) === 0){

var headers = settings.headers || {};

headers["X-Auth-Token"] = token;

request.setRequestHeader("X-Auth-Token", token);

settings.headers = headers;

}

}).bind("ajaxComplete", function(event, xhr, settings){

if(config_contextPath && settings.url && settings.url.indexOf(config_contextPath) === 0 && (settings.dataType === 'JSON' || settings.dataType === 'json')){

if(xhr.status == 200 && xhr.responseText){

try{

var reObj = JSON.parse(xhr.responseText);

//特殊code 沒有權限 和token失效

if(reObj && (reObj.code==3001 || reObj.code==3002 )){

window.setTimeout(function () {

if($(".layui-layer-dialog.layui-layer-msg:visible").length < 1){

layer.alert(reObj.message, {icon: 2}, function () {

if(reObj.code==3001){

var topWindow = parent ? (parent.parent ? (parent.parent.parent ? parent.parent.parent : parent.parent) : parent) : window;

topWindow.location.href='/login.html';

}

});

}

}, 500);

}

}catch (e){console.error(e)}

}

}

});

}

本文來源于網絡：查看?>https://blog.csdn.net/huang007guo/article/details/81181093

總結

以上是生活随笔為你收集整理的ajax项目设置,jQuery_ajax预处理_和后置处理；项目中ajax自动设置_token_请求头,_接口响应code的统一处理...的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。