jQuery getJSON from external JSON file or site

Question

I have an external JSON file (data.json) and would like to get data from a specific array inside that file and make a Ul from it. How would grab the data from "markers" with this code?

code:

$.getJSON('data.json', function(data) {
    var items = [];

$.each(data, function(i, item) {
    items.push('<li><p>' + item.name + '</p><p>' + item.image + '</p><p>' + item.link + '</p></li>');
});

$('<ul/>', {
    'class': 'json_populated',
    html: items.join('')
    }).appendTo('.popover_content');
});

data.json file:

 { "lastUpdated":"12:57",
   "filterOut":[

            ],
    "markers":[
        {"name" : "blah", "image" : "images/logos/image1.png", "link" : "/link1"},
        {"name" : "blah 2", "image" : "images/logos/image2.png", "link" : "/link2"},
        {"name" : "blah 3", "image" : "images/logos/image3.png", "link" : "/link3"}

    ]}

Also would it be the same principle if i was to grab JSON from an external site like this

$.getJSON('http://website.co.uk/idname/49482/', function(data) {
    var items = [];

$.each(data, function(i, item) {
    items.push('<li><p>' + item.name + '</p><p>' + item.image + '</p><p>' + item.link + '</p></li>');
});

$('<ul/>', {
    'class': 'json_populated',
    html: items.join('')
    }).appendTo('.popover_content');
});

I think im almost there but any assistance will be much appreciated.

SadullahCeran · Accepted Answer · 2011-11-16 19:12:05Z

3

You may use result as an object.

$.getJSON('data.json', function(data) {
    var items = [];
$.each(data.markers, function(i, item) {
    items.push('<li><p>' + item.name + '</p><p>' + item.image + '</p><p>' + item.link + '</p></li>');
});
$('<ul/>', {
    'class': 'json_populated',
    html: items.join('')
    }).appendTo('.popover_content');
});
});

answered Nov 16, 2011 at 19:12

SadullahCeran

2,4075 gold badges20 silver badges34 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Decodal Over a year ago

Yes this works for the local json file, thanks for that. Any idea how to get an external json data source?

Collectives™ on Stack Overflow

jQuery getJSON from external JSON file or site

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related