无法获取 JSON 数据 jQuery

Question

url正确；当我在浏览器中输入它时，我得到了 JSON 数据，但是在调用 jQuery 的 GET 请求后，数据没有显示在我的页面上。怎么会？

HTML代码：

<html>
<head></head>
    <body>
        <h4 id="test">yo</h4>
    </body>
</html>

JS代码：

function getNutrition() {
 $.getJSON("https://api.nal.usda.gov/ndb/search/?format=json&q=banana&max=25&ds=Standard%20Reference&offset=0&api_key=rWKfuG6YjQU9h0WMNksynapfFqcr3BJWK5giCqRQ").then(function(data) {
    // $('h4').html(data.list.item[0]);
    $('#test').html(data);
})}

getNutrition();

Answer 1

你没有看到任何东西，因为 item[0] 是一个 JSON Object。尝试像 item[0].name 或 item[0].group
这样从中获得正确的属性如果您想打印您感兴趣的 JSON 部分 - 使用 JSON.stringify

function getNutrition() {
  $.getJSON("https://api.nal.usda.gov/ndb/search/?format=json&q=banana&max=25&ds=Standard%20Reference&offset=0&api_key=rWKfuG6YjQU9h0WMNksynapfFqcr3BJWK5giCqRQ").then(function(data) {
    // console.dir(data);
    $('h4').html(data.list.item[0].name);
    $('#test').html(JSON.stringify(data, null, 2));
  })
}

getNutrition();

<h4></h4>
<pre id="test"></pre>


<script src="//code.jquery.com/jquery-3.1.0.js"></script>

Answer 2

如果你想在你的页面上显示json，你需要先以任何方式解析json。

最简单的方法是使用JSON.stringify():

$('#test').html(JSON.stringify(data));

无法获取 JSON 数据 jQuery

Can't get JSON data jQuery

jquery

json

undefined

getjson