栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 软件开发 > Web开发 > JavaScript > Ajax教程

ajax请求后台接口数据与返回值处理js的实例讲解

Ajax教程 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

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的实例讲解就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持考高分网。

转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/128064.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号