欢迎来到代码驿站!

JavaScript代码

当前位置:首页 > 网页前端 > JavaScript代码

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

时间:2020-11-07 21:23:10|栏目:JavaScript代码|点击:

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 () {
 
      }
    });

上一篇:浅谈js停止事件冒泡 阻止浏览器的默认行为(阻止超连接 #)

栏    目:JavaScript代码

下一篇:JavaScript实现父子dom同时绑定两个点击事件,一个用捕获,一个用冒泡时执行顺序的方法

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

本文地址:http://www.codeinn.net/misctech/19924.html

推荐教程

广告投放 | 联系我们 | 版权申明

重要申明:本站所有的文章、图片、评论等,均由网友发表或上传并维护或收集自网络,属个人行为,与本站立场无关。

如果侵犯了您的权利,请与我们联系,我们将在24小时内进行处理、任何非本站因素导致的法律后果,本站均不负任何责任。

联系QQ:914707363 | 邮箱:codeinn#126.com(#换成@)

Copyright © 2020 代码驿站 版权所有