jQuery的Ajax是一種非常常用的技術,可以讓我們在不刷新整個頁面的情況下向服務器發起請求。但是,有些情況下,我們希望對所有的Ajax請求進行一些統一的處理,比如將返回的數據進行格式化、設置全局錯誤處理等等,這時候我們可以使用全局Ajax處理。
$.ajaxSetup({ // 設置統一的請求頭 headers: { 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') }, // 返回結果默認為json格式 dataType: 'json', // 對返回結果進行統一處理 success: function(res) { if (res.code === 0) { // 處理邏輯 } else if (res.code === 1) { // 處理邏輯 } }, // 統一錯誤處理 error: function(xhr, status, err) { // 處理邏輯 } });
上面的代碼中,$.ajaxSetup()
接受一個對象作為參數,該對象為全局設置對象。我們可以在其中設置所有Ajax請求的共同選項,如請求頭、請求數據類型、成功處理邏輯及錯誤處理邏輯等。
有了全局Ajax處理,我們可以任意修改全局設置對象,對所有的Ajax請求進行一些統一的處理,提高開發效率。