私はこのJSONデータを表示できません

Question

私はまだJSONデータを取得して操作しています。私はデータの呼び出しを成功させるようですが、実際のフィールドの代わりに[オブジェクト]を使ってフィールドのリストを返します。それはおそらく何かばかげたことですが、フィールドを指定するために考えられるすべてのバリエーションを試していますが、コンソールにエラーが発生しているだけです。

あなたはここで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

あなたのデータはあなたが期待する道を印刷されて表示されます、以下のスニペットを試してみてくださいこの のように、あなたはあまりにも個々のアイテムを取得することができますね。

$(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){ 
 
       \t $("#cheetos").append(subFields + "<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 2

、よく、JSONオブジェクトを "文字列化" するために、JSON.stringifyを追加します。

$(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

あなたはいくつかのことを試すことができます：あなたはまた、これを試すことができます:)

$(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() 
 
      }); 
 
     }); 
 
    }); 
 
});

<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>