ajax - 访问 ajax 响应 JSON 的详细信息

Question

我有一个非常愚蠢的初学者 jquery 问题，即使我在这里看到了很多类似的问题：

从带有ajax的PHP我发送这个：

public function to_json() {
    return json_encode(array( 'test_id' => 'test_value' ));
}

在 jquery 文件的成功部分中，我输入：

function(data) {
    alert(data);
}

它在警报窗口中显示：

{"test_id":"test_value"}

我猜这很好，但如果我将函数更改为：

function(data) {
    alert(data.test_id);
}

我有：

undefined

我错过了什么？

score 0 · Accepted Answer

我错过了什么？

要在 PHP 脚本中设置Content-TypeHTTP 响应标头：application/json

header('Content-Type: application/json');

或者在客户端设置dataType参数json：

$.ajax({
   url: '/foo.php',
   dataType: 'json',
   success: function(data) {
       alert(data.test_id);
   }
});

第一个是首选，因为这样您的服务器端脚本可以正确地向客户端指示它正在使用的内容类型。并且 jQuery 足够智能，可以使用这个响应头并在将响应提供给success回调之前自动解析来自服务器的响应。

score 0 · Accepted Answer

你需要像这样解析它：

function(data) {
    var obj = $.parseJSON(data);
    alert(obj.test_id);
}

score 0 · Accepted Answer

您缺少使用函数 parseJSON

该函数将 json 字符串转换为 javascript 对象

score 0 · Accepted Answer

到目前为止发布的答案都没有对我有用。

这是我必须做的才能让它工作：

$.ajax({
   url: '/foo.php',
   success: function(data) {
       var json = data.responseJSON;
       alert(json.test_id);
   }
});

4 回答 4