主页 > 知识库 > ajax请求后台接口数据与返回值处理js的实例讲解

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

热门标签:银行业务 服务器配置 团购网站 Mysql连接数设置 阿里云 科大讯飞语音识别系统 Linux服务器 电子围栏

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

您可能感兴趣的文章:
  • JS如何操作DOM基于表格动态展示数据
  • vue+vuex+json-seiver实现数据展示+分页功能
  • mockjs+vue页面直接展示数据的方法
  • Vue.js 实现数据展示全部和收起功能
  • json数据传到前台并解析展示成列表的方法
  • jQuery插件jsonview展示json数据
  • Springmvc处理ajax请求并返回json数据
  • 使用fastjson中的JSONPath处理json数据的方法
  • 如何处理后台向前台传递的json数据
  • 对pandas处理json数据的方法详解
  • ajax处理返回的json格式数据方法
  • js前端对于大量数据的展示方式及处理方法

标签:萍乡 江苏 广元 衢州 枣庄 衡水 大理 蚌埠

巨人网络通讯声明:本文标题《ajax请求后台接口数据与返回值处理js的实例讲解》,本文关键词  ;如发现本文内容存在版权问题,烦请提供相关信息告之我们,我们将及时沟通与处理。本站内容系统采集于网络,涉及言论、版权与本站无关。
  • 相关文章
  • 收缩
    • 微信客服
    • 微信二维码
    • 电话咨询

    • 400-1100-266