php无法返回标准JSON格式:导致的$.ajax返回的数据无法执行success的解决方案

JSON的标准格式:{“键”:“值”,“键”:“值”}

一、前端提交代码,如下

$.ajax({
                type: "post",
                url: "index.php?m=Index&a=accessIn&act=access",
                async: true,
                data: {
                    login_access: $('#login_access').val()
                },
                dataType: "text",
                success: function (data) {
                    if (data.codeId == "0") {
                        alert(data.err);
                    } else {
                       alert(data.err);
                      window.location.href = "index.php?m=Index&a=lockData";
                    }
                },
                error:function(error){
                    var a=JSON.stringify(error);
                    alert(a);
                }
});

二、PHP后台处理后,返回代码:

            $res['err']    = "欢迎您";
            $res['codeId'] = "1";

console.log(data),可知为:{err:“输入密码错误!”,codeId:“0”},代码键无双引号,非标准JSON格式,会导致$.ajax返回的数据无法执行success。

三、分析如下:

  1. 判断error的具体原因,因返回的是[object object]对象格式,需要转为字符串格式,以便快速的查找原因:
var a=JSON.stringify(error);
 alert(a);

如果是格式不正确的话,基本上返回的错误代码为:readyState=4,status=200。

  1. 一是修改php代码,直接返回标准的JSON格式,因漏刻有时数据可视化代码格式化的原因,本例采用返回前端进行解决;
    返回类型为:dataType: “text”,
    返回后格式为:{“err”:“输入密码错误!”,“codeId”:“0”},进行typeof(),可知为string格式,需要将字符串转化为JSON,采用eval函数:

eval() 函数用来执行一个字符串表达式,并返回表达式的值 ——来源于菜鸟教程

var b= eval("(" + data + ")");//一定按照该格式才是标准的JSON格式

完整的前端提交和返回代码:

$.ajax({
                type: "post",
                url: "index.php?m=Index&a=accessIn&act=access",
                async: true,
                data: {
                    login_access: $('#login_access').val()
                },
                dataType: "text",
                success: function (data) {
                    var b= eval("(" + data + ")");//string 2 json
                    if (b.codeId == "0") {//读取键值进行判断
                        alert(b.err);
                    } else {
                       alert(b.err);
                      window.location.href = "index.php?m=Index&a=lockData";//跳转页面;
                    }
                },
                error:function(error){
                    var a=JSON.stringify(error);//解析对象为字符串,快速确定原因;
                    alert(a);
                }
});

Done!

漏刻有时数据可视化(LOCKDATAV),让每个人都能自由地探索数据之美。

发布了81 篇原创文章 · 获赞 14 · 访问量 1万+

猜你喜欢

转载自blog.csdn.net/weixin_41290949/article/details/104203430
今日推荐