前端代码想要获取JSON数据代码如下:
$.get('/user-info.php', function(userInfo){
alert(userInfo);

alert(userInfo.name);
});
然后如果后真个user-info.php
是这样的代码:
$userInfo = [
'id' => 1,
'name' => 'Jay'
];
echo json_encode($userInfo);
那么前端第一句alert出来的将会是一个JSON字符串,第2个alert将会显示undefined
缘故原由便是回调函数里的userInfo根本不是一个object,而是一个字符串,以是alert后便是原样字符串显示了,再alert(userInfo.name);
的话,由于字符串没有定义name属性,以是得到的是一个undefined
的结果值
为什么userInfo不是一个带有id和name属性的工具?由于PHP没有发送http相应头声明相应的内容是json
实在PHP代码在echo之前补充这么一句就可以了:
header('Content-type:application/json;charset=utf-8');
首先在没有这句代码的时候,浏览器抓到的网络要求显示相应头是这样的:
把稳到Content-type
部分是text/html;charset=utf-8
了吗?
而当PHP实行header('Content-type:application/json;charset=utf-8');
的时候,就变成了application/json;charset=utf-8
了
这便是HTTP报文相应内容的格式声明,专业术语叫MIME类型
如果做事端说相应的格式是text/html,那前端当然认为这并不是JSON,以是当成HTML了,HTML实在便是一堆字符串嘛
以是在没有发送json类型关照时,以下两句话对付前端来说都是一样的:
echo '{\"大众id\"大众:1}';
//或者
echo '<div>html内容。。。<div>';
有人说可是上面那句echo输出的是一个JSON字符串啊,不应该识别为JSON吗?
那假设jQuery是你写的,你怎么判断第1个字符串是JSON字符串?这可是要费好多功夫的,你总不可能这么写:
var content = xmlHttpRequest.responseText;
if(content.substr(0, 1) == '{'){
//是json
}
不然的话那后端返回{\"大众id\"大众
这样只有半截的内容你也认为是JSON啦?
实在人家判断一个数据是不是JSON,是靠HTTP相应的MIME类型来判断的,这才是标准的做法,也是HTTP协议的内容
实在如果PHP不发送header声明MIME类型,只要将前端代码换成这样也能正常得到JSON:
$.ajax({
url : '/user-info.php',
dataType : 'json',
success : function(userInfo){
alert(userInfo);
alert(userInfo.name);
}
});
从jQuery的源代码的ajaxConvert
函数部分可以得知,当利用了$.ajax
方法后,与$.get和$.post不同的是它这里声明了一个dataType
的属性为json
大略地说jQuery便是按照json的逻辑来解析做事端相应的内容,才不管你做事真个MIME类型是什么
但这只是前真个考量,实在首先做事真个做法就不标准,既对外声明接口输出的是JSON数据,却又没声明对应的MIME类型
作为追求精良的人,我们该当按照对应的类型补充对应的MIME类型报头输出才对,输出JSON的接口总该实行一下
header('Content-type:application/json;charset=utf-8');