請求失敗處理

function requesFail(xhr){var status = xhr.status;if (status) {showNotify("error", "網(wǎng)絡(luò)錯誤", "發(fā)生網(wǎng)絡(luò)錯誤，錯誤碼為：" + xhr.status);} else {showNotify("error", "網(wǎng)絡(luò)錯誤", "未知網(wǎng)絡(luò)錯誤, 請確保設(shè)備處在聯(lián)網(wǎng)狀態(tài)");} }

請求成功處理

function requestOk(data,errMsg,callbackOk,callbackError){if(data==undefined){showNotify('info','提示','無法從服務(wù)器獲取詳細(xì)數(shù)據(jù)，請聯(lián)系管理員')}else if(data.code==1){callbackOk(data);}else{callbackError(data,errMsg);} }

*請求成功，返回data：{code：0，data：xx},此處認(rèn)為code=0，為成功，調(diào)用成功后執(zhí)行

callbackOk 是該請求成功后要進(jìn)行的操作

code！=0即為出錯，執(zhí)行出錯方法：

實(shí)例：

$('#toPost').click(function(){console.log('Post');$.ajax({type:"Post",url:postUrl,data:{account:'cd',password:'121212'},dataType:'json',success:function(data){requestOk(data,'',function(){console.log(data);},customCodeError);},error:function(xhr,state,errorThrown){requesFail(xhr);}});});

若code！=0 ，沒有特殊的code=n,需要做特別處理，則調(diào)用customCodeError，若有特殊處理，則根據(jù)特殊情況，自行封裝。

如：

function postCodeError(data,errMsg){let code=data.code;if(code==1001){showNotify("info", "錯誤", "不合法用戶，錯誤碼："+code);}else{showNotify("info", "錯誤", "用戶不存在，錯誤碼："+code);} }

showNotify（），借助pnotify插件的一種顯示錯誤消息的面板。可根據(jù)自己的需求進(jìn)行封裝。應(yīng)用時需導(dǎo)入文件

< link? href= "static/css/pnotify.css"? rel= "stylesheet" />
< script? src= "static/js/common/pnotify.js" > < / script >

/* notify 配置* 使用 showNotify("info", "提示", "這是提示語句"); showNotify("success", "成功啦", "這是成功語句"); showNotify("error", "失敗", "這是失敗語句"); *****************************************************************/ function showNotify(type, title, text) {var icons;if (type == "success") {icons = "fa fa-check-circle";}if (type == "error") {icons = "fa fa-exclamation-triangle";}if (type == "info") {icons = "fa fa-exclamation-circle";}var notice = new PNotify({title: title,text: text,type: type,delay: 2000,icon: icons,addclass: "notifyOnly",styling: "fontawesome",buttons: {closer: true,sticker: true}});notice.get().click(function() {notice.remove();}); }

總結(jié)

以上是生活随笔為你收集整理的ajax请求成功，失败处理！的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。