ajax请求后台接口数据与返回值处理js写法

最新推荐文章于 2025-10-18 09:07:35 发布

原创最新推荐文章于 2025-10-18 09:07:35 发布 · 1.7w 阅读

18 ·

CC 4.0 BY-SA版权

文章标签：

#ajax #javascript

javascript 同时被 2 个专栏收录

75 篇文章

订阅专栏

ajax

1 篇文章

订阅专栏

本文介绍了一个使用jQuery发起POST请求到指定URL并处理JSON响应的例子。代码展示了如何根据后台返回的状态码改变按钮样式和显示不同的提示信息。

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

            }
        });