php前台异步请求到后台,前台ajax请求php后台返回成功却进error方法解决

最近几天一直都在解决error问题，周末都没能好好过，悲痛万分，想逃走😭.....

一、悲痛的开端

项目用jQuery的ajax方法请求php后台，前台代码写的没有问题，后台返回的json数据大概也是对的(猜的，后来验证了json是对的)，然后悲剧就如约而至；

先看核心代码：

$.ajax({

type:"POST",

url:"{:U('City/adds')}",

data:{},

dataType:'json',

success:function(data){if( data.status == 1){

layer.msg('成功*￣▽￣*');

setInterval(function(){var index =parent.layer.getFrameIndex(window.name);

parent.layer.close(index);

window.parent.location.reload();

},1000)

}else{

layer.msg('失败＞﹏＜');

}

},

error:function(XMLHttpRequest, textStatus, errorThrown) {

//console.log(XMLHttpRequest.status);

//console.log(XMLHttpRequest.readyState);

//console.log(textStatus);

}

})

问题一：请求成功进入success方法，但出现下面的报错，

Uncaught SyntaxError: Unexpected token < in JSON at position 0

翻一下Network面板，看到请求响应的数据是

array(3){...}

 字符串，继续忍...

开始分析找解决办法；

报错代码是“JSON位置0处发现不能识别的标记

先尝试改前端代码，不指定‘dataType’，在success中方法去掉

，发现就不会报错了，但问题二来了；

去掉

，用的是： jQuery(data).text()

问题二：请求成功但一直进入error方法，无任何报错；

Preview下是json数据，校验无任何问题；

Response下发现数据前面多了一个小红点·，是数据的问题，ajax死活都不给解析，才一直进入error方法；

然后跟后台商量，返回的数据有问题，需要注意下格式；

我就去百度搜索啊，发现真是后台数据的问题，没有注意过红点问题；

在后端返回数据前用方法ob_clean()清空输出，返回的类型是Object，不再是String，由此成功~~

二、开心的结局，啰嗦聊几句

问题一和问题二都能在后台用ob_clean()完美解决。

问题一是在前台解决，但对于数据量多的情况并不适用，所以慎用；

可以让后台尝试 echo json_encode($data,true);  echo json_encode($obj,JSON_UNESCAPED_UNICODE);  或者自己来~ 方法多种多样，总有适合的一个；

echo json_encode($data,true);echo json_encode($obj,JSON_UNESCAPED_UNICODE);

总结问题一和问题二，都是一个问题引出  -> Json数据不够严谨，导致前台解析出错。

Json数据不够严谨就更得说了，例如一个全角和半角的空格、单双引号出现的{k:v}、json中的注释语句等一些细小的问题都会引起；如果大家也遇上了同样的问题，但不能用同样的方式解决，一定要找各方面的原因，不要局限于ajax代码部分有没有写错，后台给的确实是json，而是去找类型/解析/书写/空传值等情况分析，不同代码不同分析方式；

最后硬要说是谁的锅，不好讲，还是需要前端和后台一起配合才更好更快的完成😘。

记录一下此次的解决过程，感谢大家~😘