ajax請(qǐng)求后臺(tái)接口數(shù)據(jù)與返回值處理js的實(shí)例講解
ajax的代碼,用的是jquery的 ajax:
$.ajax({
url: "/test.php",//后臺(tái)提供的接口
type: "post", //請(qǐng)求方式是post
data:{"type":"1", //這是你要傳給后臺(tái)的data值
"t":"c4552111"
},
dataType: "json", //數(shù)據(jù)類(lèi)型是json型
success: function (data) { //成功時(shí)返回的data值,注意這個(gè)data是后臺(tái)返回的值,上面的data是你要傳給后臺(tái)的值
console.log(data);//可以在控制臺(tái)查看打印的data值
if (data.SuccessCode != "0") { //如果后臺(tái)返回的data.SuccessCode不等于0執(zhí)行后面的語(yǔ)句,
$("#btn").attr("disabled");
$("#btn").css({"background-color":"#DBDBDB","color":"#DB3B2F"});
$("#btn").text("不可點(diǎn)擊");
}else{
$("#btn").addClass("btnNow");
}
switch(data.SuccessCode){//根據(jù)后臺(tái)返回的data.SuccessCode來(lái)判斷執(zhí)行什么語(yǔ)句
case "0":
$("#btn").addClass("btnNow");
break;
case "-1":
alert("活動(dòng)尚未開(kāi)始");
break;
case "-2":
alert("本日已搶完");
break;
default:
alert("系統(tǒng)繁忙,請(qǐng)稍后再試");
}
},
error: function () {
},
complete: function () {
}
});
以上這篇ajax請(qǐng)求后臺(tái)接口數(shù)據(jù)與返回值處理js的實(shí)例講解就是小編分享給大家的全部?jī)?nèi)容了,希望能給大家一個(gè)參考,也希望大家多多支持腳本之家。
相關(guān)文章
使用AjaxFileUpload.js實(shí)現(xiàn)異步文件上傳示例
AjaxFilleUpload.js可以使得我們不用去管理Iframe的一系列操作,也不用影響我們的頁(yè)面結(jié)構(gòu),實(shí)現(xiàn)異步的文件提交2014-05-05
利用 Linq+Jquery+Ajax 實(shí)現(xiàn)異步分頁(yè)功能可簡(jiǎn)化帶寬壓力
網(wǎng)上的分頁(yè)方法甚多,但都太過(guò)于消耗帶寬,所以我想到了用Ajax來(lái)分頁(yè),利用返回的Json來(lái)處理返回的數(shù)據(jù),大大簡(jiǎn)化了帶寬的壓力2014-05-05
使用Ajax時(shí)處理用戶(hù)session失效問(wèn)題的解決方法
這篇文章主要為大家詳細(xì)介紹了使用Ajax時(shí)處理用戶(hù)session失效問(wèn)題的解決方法,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-03-03
Ajax讀取數(shù)據(jù)到表格的實(shí)現(xiàn)代碼
前兩篇我們講了 ajax開(kāi)始的準(zhǔn)備 與及如何使用ajax技術(shù)進(jìn)行簡(jiǎn)單的數(shù)據(jù)讀?。?/div> 2010-10-10
ajax 自動(dòng)完成下拉框 自動(dòng)提示位置問(wèn)題
ajax 自動(dòng)完成下拉框 自動(dòng)提示位置問(wèn)題...2007-02-02
AJax與Jsonp跨域訪問(wèn)問(wèn)題小結(jié)
本文給大家匯總介紹了JavaScript的AJax,JQuery的AJax以及利用jsonp實(shí)現(xiàn)跨域訪問(wèn)的問(wèn)題,非常的細(xì)致全面,有需要的小伙伴可以參考下。2015-12-12最新評(píng)論

