retrieve this json array values

Question

o = {
    "photos": {
        "page": 1,
        "pages": 46,
        "perpage": 5,
        "total": "230",
        "photo": [{
            "id": "6643924777",
            "owner": "34653895@N08",
            "secret": "3b7c2f6469",
            "server": "7153",
            "farm": 8,
            "title": "Huevos rellenos de bonito del norte Serrats",
            "ispublic": 1,
            "isfriend": 0,
            "isfamily": 0},
        {
            "id": "6371789575",
            "owner": "53643555@N08",
            "secret": "dda25093e0",
            "server": "6105",
            "farm": 7,
            "title": "ALBÓNDIGAS DE CARNE",
            "ispublic": 1,
            "isfriend": 0,
            "isfamily": 0},
        {
            "id": "6200723807",
            "owner": "17738873@N00",
            "secret": "bf4fc5c84f",
            "server": "6159",
            "farm": 7,
            "title": "albóndigas en salsa",
            "ispublic": 1,
            "isfriend": 0,
            "isfamily": 0},
        {
            "id": "6201239628",
            "owner": "17738873@N00",
            "secret": "def72cc124",
            "server": "6128",
            "farm": 7,
            "title": "albóndigas en salsa",
            "ispublic": 1,
            "isfriend": 0,
            "isfamily": 0},
        {
            "id": "6171324677",
            "owner": "34653895@N08",
            "secret": "9f7a7489f5",
            "server": "6161",
            "farm": 7,
            "title": "Pastel de patata con bonito del norte de Conservas Serrats y bechamel",
            "ispublic": 1,
            "isfriend": 0,
            "isfamily": 0}]}

}

This is the flickr API json result of a query I am tring like this

for (var key in o) {
    for (var key1 in o[key]) {
        var current = o[key][key1].id;
        console.log(key1);    //returns the pages information
        console.log(current); //returns null
    }    
}

Basically i need to construct images with this format

<img src="http://farm{farm-id}.staticflickr.com/{server-id}/{id}_{secret}.jpg" />

Darin Dimitrov · Accepted Answer · 2012-01-30 08:45:46Z

5

for (var i = 0; i < o.photos.photo.length; i++) {
    var photo = o.photos.photo[i];

    var img = document.createElement('img');
    var src = 'http://farm' + photo.farm + '.staticflickr.com/' + 
               photo.server + '/' + photo.id + '_' + photo.secret + '.jpg';
    img.setAttribute('src', src);

    // TODO: do something with the img DOM element we just created
}

and here's a live demo.

edited Jan 30, 2012 at 8:45

answered Jan 30, 2012 at 8:40

Darin Dimitrov

1.0m275 gold badges3.3k silver badges3k bronze badges

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

Comments

Pranay Rana · Accepted Answer · 2012-01-30 08:38:36Z

2

Try

jQuery.getJSON() - Load JSON-encoded data from the server using a GET HTTP request.

or

jQuery.parseJSON - Takes a well-formed JSON string and returns the resulting JavaScript object

answered Jan 30, 2012 at 8:38

Pranay Rana

177k37 gold badges243 silver badges266 bronze badges

Collectives™ on Stack Overflow

retrieve this json array values

2 Answers 2

Comments

Comments

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Related