Question

我还是新手来获取JSON数据并对其进行操作，对我来说很容易。我似乎正在成功调用数据，但是列出字段会返回[object]而不是实际字段。它可能是一些愚蠢的东西，但我一直在尝试我能想到的每个变体来指定字段，它只是在控制台中引起错误。

您可以在此处查看JSON数据：https://api.myjson.com/bins/10h45j.json

知道我在这里做错了吗？

$(document).ready(function(){
    $("button").click(function(){
        $.getJSON("https://api.myjson.com/bins/10h45j.json", function(data){
            $.each(data.Luthiers, function(i, field){
                $("#cheetos").append(field + "<br />");
            });
        });
    });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<button>Get JSON data</button>

<div id="cheetos"></div>

Answer 1

添加JSON.stringify，以便＆＃34; stringify＆＃34; JSON对象。试试下面的代码段，您会看到您的数据以您期望的方式打印：）

＆＃13;

$(document).ready(function(){
    $("button").click(function(){
        $.getJSON("https://api.myjson.com/bins/10h45j.json", function(data){
            $.each(data.Luthiers, function(i, field){
                $("#cheetos").append(JSON.stringify(field) + "<br />"); // add JSON.stringify()
            });
        });
    });
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<button>Get JSON data</button>

<div id="cheetos"></div>

＆＃13;

Answer 2

你也可以试试这个：

    $(document).ready(function(){
    $("button").click(function(){
        $.getJSON("https://api.myjson.com/bins/10h45j.json", function(data){
            $.each(data.Luthiers, function(field){
                $("#cheetos").append(field + "<br />");
            });
        });
    });
});

Answer 3

你可以试试这样的事情在这里你猜你也可以获取个别物品。

＆＃13;

$(document).ready(function(){
    $("button").click(function(){
        $.getJSON("https://api.myjson.com/bins/10h45j.json", function(data){
            $.each(data.Luthiers, function(i, field){
                $.each(field, function(j, subFields){
                	$("#cheetos").append(subFields + "<br />");
            });
            });
        });
    });
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<button>Get JSON data</button>

<div id="cheetos"></div>

＆＃13;

我只是不能使这个JSON数据出现

3 个答案: