今天小编就为大家分享一篇ajax请求后台接口数据与返回值处理js的实例讲解,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
ajax的代码,用的是jquery的 ajax:
$.ajax({
url: "/test.php",//后台提供的接口
type: "post", //请求方式是post
data:{"type":"1", //这是你要传给后台的data值
"t":"c4552111"
},
dataType: "json", //数据类型是json型
success: function (data) { //成功时返回的data值,注意这个data是后台返回的值,上面的data是你要传给后台的值
console.log(data);//可以在控制台查看打印的data值
if (data.SuccessCode != "0") { //如果后台返回的data.SuccessCode不等于0执行后面的语句,
$("#btn").attr("disabled");
$("#btn").css({"background-color":"#DBDBDB","color":"#DB3B2F"});
$("#btn").text("不可点击");
}else{
$("#btn").addClass("btnNow");
}
switch(data.SuccessCode){//根据后台返回的data.SuccessCode来判断执行什么语句
case "0":
$("#btn").addClass("btnNow");
break;
case "-1":
alert("活动尚未开始");
break;
case "-2":
alert("本日已抢完");
break;
default:
alert("系统繁忙,请稍后再试");
}
},
error: function () {
},
complete: function () {
}
});
以上这篇ajax请求后台接口数据与返回值处理js的实例讲解就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持编程学习网。
沃梦达教程
本文标题为:ajax请求后台接口数据与返回值处理js的实例讲解
基础教程推荐
猜你喜欢
- 第7天:CSS入门 2022-11-04
- Vue+WebSocket实现在线聊天 2023-10-08
- vue的 Mixins (混入) 2023-10-08
- ECSHOP中实现ajax弹窗登录功能 2023-01-31
- ExtJS 3.x DateField menuListeners 显示/隐藏 2022-09-15
- 分页技术原理与实现之无刷新的Ajax分页技术(三) 2023-01-20
- 关于 css:WebKit (iPad) CSS3: 背景过渡闪烁 2022-09-21
- 解决ajax的delete、put方法接收不到参数的问题方法 2023-02-23
- 基于bootstrap的上传插件fileinput实现ajax异步上传功能(支持多文件上传预览拖拽) 2023-02-01
- 深入浅析Jsonp解决ajax跨域问题 2022-12-28