如何从 AJAX 调用返回的数据中访问 JSON 对象属性？答案

【问题标题】：How to access JSON object property from data returned by AJAX call?如何从 AJAX 调用返回的数据中访问 JSON 对象属性？
【发布时间】：2013-03-15 12:39:10
【问题描述】：

我正在对这个 php 文件进行 AJAX 调用：

<?php 
    $result = array('error' => "Please enter a valid name");
    echo  json_encode($result)
?>

在我的 javascript 文件中，我有：

$.ajax({
    type:"POST",
    url:"/controller/common/review_processing.php", 
    data:dataString, 
    success:function (data) {
        var returned_data = data;
        console.log(returned_data); <---This outputs {"error":"Please enter a valid name"} 
        console.log(returned_data.error); <---This outputs undefined
    }

});

我的数据似乎被正确编码为 JSON 对象，但是当我尝试访问特定属性时，我得到一个未定义的结果。

我想要的是console.log(returned_data.error) 输出：

请输入一个有效的名字

我做错了什么？

【问题讨论】：

How to parse JSON in JavaScript 的可能重复项
不过，您也可以为$.ajax 提供dataType: 'json' 选项，jQuery 会自动为您解析响应。

标签： json ajax object

【解决方案1】：

请尝试：

$.ajax({
    type:"POST",
    url:"/controller/common/review_processing.php", 
    data:dataString,
    dataType: "json", <--response itself will be handled as JSON
    success:function (data) {
        var returned_data = data;
        console.log(returned_data); <---This outputs {"error":"Please enter a valid name"} 
        console.log(returned_data.error); 
    }

});

【讨论】：

【解决方案2】：

尝试使用这个...

$.map(data.d, function (item) {
  console.log(item.error);
});

【讨论】：