# Ajax封裝使用【廢棄】 ## 初始化的優勢 + 統一錯誤處理 + 統一頭處理 ## 初始化Ajax ``` // ajaxSetup.js /** * 插件依賴 * jqweui 文檔 http://jqweui.com/ * jquery */ $.ajaxSetup({ aysnc: false, // 默認同步加載 type: "GET", // 默認使用POST方式 showLoading: false, debug: true, headers: { // 默認添加請求頭 "authorization": "Bearer {php echo $_W['haitun_token']}", }, error: function (jqXHR, textStatus, errorMsg) { // 出錯時默認的處理函數 比如404 401 502 // jqXHR.status 狀態碼 // jqXHR.responseJSON 返回的json內容 // jqXHR.response返回的內容 $.alert(jqXHR.responseJSON.error); }, beforeSend: function () { // 發送ajax請求(request)會執行 this.showLoading && $.showLoading("加載中..."); }, complete: function () { // 收到回應(response)會執行 this.showLoading && $.hideLoading(); }, success: function (res) { // 返回碼為200 會執行 this.debug && console.log(res); } }); ``` ## 使用 ``` //<script src="ajaxSetup.js"></script> // 先引入在使用 $.ajax({ url:'/'+'/asdasdasd', showLoading:true, //展示加載, data:{ id:id } }).then(res=>{ // 處理成功后的信息 }) ```