Wie lade ich eine lokale JSON-Datei?

Question

Ich versuche, eine lokale JSON-Datei von jquery zu laden. Der Code funktioniert einwandfrei, aber die Daten sind nicht im Array verfügbar.

$.getJSON("/ajax/data/myjasonfile.json", function(json) { 
     console.log(json); 
    }); 

meine Konsole zeigt nur

Object {data: Array[1]} 

meine Probe json

{ 
    "data": [ 
     { 
      "number": "1234", 
      "nameOne": "Laten Thamn", 
      "type": "Fishing Vessels", 
      "flagName": "5467", 
      "buildDate":"12/08/2016" 
     } 
    ] 
} 

Answer 1

diesen Versuchen Sie, Ihre Antwort Struktur zu verstehen.

$.getJSON("myjasonfile.json", function(json) { 
     console.log(json); // access the response object 
     console.log(json.data); // access the array 
     console.log(json.data[0]); // access the first object of the array 
     console.log(json.data[0].number); // access the first object proprty of the array 
    }); 

Answer 2

jQuery.getJSON() Last JSON-codierten Daten von dem Server eine GET-HTTP-Anforderung verwendet wird.

Wie Sie in Ihrer JSON Struktur veröffentlichen können Sie auf das Array zugreifen, indem json.data Aufruf:

$.getJSON("/ajax/data/myjasonfile.json", function(json) { 
    console.log(json.data); // Logs your array 
}); 

Answer 3

Sie können versuchen, diese:

$.getJSON("test.json", function(json) { 
    console.log(json); // this will show the info it in firebug console 
}); 

Ich denke, einige Probleme in Ihrem Weg zu Rufen Sie die JSON-Datei auf. Sie müssen den Pfad erneut prüfen.

können Sie diesen Link: Loading local JSON file

Answer 4

Shop Die JSON-Daten in Array:

$.getJSON("/ajax/data/myjasonfile.json", function(Data) { 
     var array=[]; 
    for(var i=1;i<Data.length;i++) 
    { 
     var b=Data[i]; 
     var c=[]; 
     c.push(b.number); 
     c.push(b.nameOne); 
     c.push(b.type); 
     c.push(b.flagName); 
     c.push(b.buildDate); 
     array.push(c); 
    } 
     console.log(array); 
    });