I am trying to load a Local JSON file by jquery. the code works fine but the data are not available in array.
$.getJSON("/ajax/data/myjasonfile.json", function(json) {
console.log(json);
});
my console shows only
Object {data: Array[1]}
my sample json
{
"data": [
{
"number": "1234",
"nameOne": "Laten Thamn",
"type": "Fishing Vessels",
"flagName": "5467",
"buildDate":"12/08/2016"
}
]
}
Try this to understand your response structure.
$.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
});
jQuery.getJSON() load JSON-encoded data from the server using a GET HTTP request.
As you post in your JSON structure you can access to the array by calling json.data:
$.getJSON("/ajax/data/myjasonfile.json", function(json) {
console.log(json.data); // Logs your array
});
Object {data: Array1} it's already an objectStore The json Data 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);
});
you can try this:
$.getJSON("test.json", function(json) {
console.log(json); // this will show the info it in firebug console
});
I think, Some issue is in your path to call json file. you need to check again of path.
You can check this link: Loading local JSON file
