Home/ Questions/Q 7848409
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-02T18:11:32+00:00

using the following code— <html> <head> <script src=http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js type=text/javascript></script> <script type=text/javascript> $(function() { $.ajax({

  • 0

using the following code—

<html>
<head>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script>
    <script type="text/javascript">

$(function() {

$.ajax({
    type: "GET",
    dataType: "jsonp",
    cache: false,
    url: "https://api.instagram.com/v1/media/131324529876654234_1491525?client_id=afd15cca7d664a1c964d54bac0488b93",
    success: function(data) {
        for (var i = 0; i < 1; i++) {
            $("#pics").append("<img src='" + data.data[i].images.thumbnail.url + "'></img>");
        }
    }
});
});

    </script>
</head>
<body>
    <div id="pics"></div>
</body>

I want to get an image to show up based on the id I pass in the api. For some reason it doesn’t work. any one can tell me what im doing wrong?

thanks

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team
    data.data.images.thumbnail.url

    There doesn’t seem to be an array anywhere in the JSON that you’re accessing.

    Here is a dumbed-down version of your JSON to illustrate the point:

    {
    ...
    "data": {
        ...
        "images": {
            "low_resolution": {
                "url":"http:\/\/distilleryimage6.s3.amazonaws.com\/e41665005cf611e19896123138142014_6.jpg",
                "width":306,
                "height":306
            },
            "thumbnail": {
                "url":"http:\/\/distilleryimage6.s3.amazonaws.com\/e41665005cf611e19896123138142014_5.jpg",
                "width":150,
                "height":150
            },
            "standard_resolution": {
                "url":"http:\/\/distilleryimage6.s3.amazonaws.com\/e41665005cf611e19896123138142014_7.jpg",
                "width":612,
                "height":612
            }
        },
        ...
    }
}

    Here is a demo: http://jsfiddle.net/8Reu2/

    • 0