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

时间:2018-02-03 01:09:42

标签: javascript jquery json

我尝试使用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"
  }
]

我如何得到&#34;名称&#34;值?当我试图获得它的任何部分时,我目前收到的是[object Object]。

2 个答案:

答案 0 :(得分:0)

您可以使用JSON.stringify将对象转换为显示内容的字符串,而不是&#34; [object Object]&#34;,或者您可以获取属性并显示该属性。通过示例,您展示了例如:json[0].name其中json是对象

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

答案 1 :(得分:0)

如果您的.get()来电与问题中的电话类似,则需要按照以下方式处理您的回复:

此处您的dataType =字符串,因此您的回复将是文字。

$.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');