对象对象返回/如何使用jQuery定位JSON API中的特定对象

Question

我正在尝试使用jQuery来获取API信息以影响HTML标记。 我能够做到这一点，但是只有在URL上只有文本时才可以。 （请参见代码）

<script>
    $(document).ready(function() {
    $.get('https://garli.co.in/api/getdifficulty', function(difficulty) {
        $("#difficulty").text(difficulty);
    });
});
</script>
<p id="difficulty">Check Network Connection and Try Again</p>

我想做的是按照以下样式选择特定的JSON对象（一种我不熟悉的格式）：

[
  {
    "name": "Joe",
    "last_name": "Smith", 
    "age": "37"
  }
]

我如何只获取“名称”值？ 当我尝试获取其中的任何部分时，我目前收到的是[object Object]。

Answer 1

您可以使用JSON.stringify将对象转换为显示内容的字符串，而不是“ [object Object]”，也可以仅获取一个属性并将其显示。 通过示例，您可以看到它是例如： json[0].name ，其中json是对象

[
  {
    "name": "Joe",
    "last_name": "Smith", 
    "age": "37"
  }
]

Answer 2

如果您的.get()调用与问题中的调用类似，则需要按以下方式处理您的响应：

在这里，您的dataType = string，因此您的响应将是文本。

$.get('URL', function(response) {
    $("#target").text(JSON.parse(response)[0].name);//here your response is parsed to JSON object.
}); 

如果要避免解析步骤，请执行.getJSON() ，如下所示：

这里的响应将是一个JSON对象。

$.getJSON('URL', function(response) {
    $("#target").text(response[0].name); // Your response was parsed to JSON object.
}, 'json');