Ich kann diese JSON-Daten einfach nicht erscheinen lassen

Question

Ich bin noch neu, JSON-Daten zu bekommen und zu manipulieren, sei einfach mit mir. Ich scheine einen erfolgreichen Aufruf der Daten zu machen, aber das Auflisten der Felder kommt mit [Objekt] anstelle der tatsächlichen Felder zurück. Es ist wahrscheinlich etwas Dummes, aber ich habe jede Variation, die mir einfällt, versucht, die Felder zu spezifizieren, und es verursacht nur Fehler in der Konsole.

können Sie die JSON-Daten sehen hier: https://api.myjson.com/bins/10h45j.json

Jede Idee, was ich falsch hier?

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

Sie auch diese versuchen:

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

hinzufügen JSON.stringify, um, na ja, "stringify" das Objekt JSON. Versuchen Sie das Snippet unten, sehen Sie Ihre Daten, um die Art und Weise gedruckt wird Sie erwarten :)

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

Answer 3

Sie können etwas, was versuchen wie diese und hier können Sie die einzelnen Elemente auch abholen.

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