1

使用以下代码---

<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>

我想根据我在 api 中传递的 id 显示图像。由于某种原因，它不起作用。任何人都可以告诉我我做错了什么？

谢谢

4

3 回答 3

3 
data.data.images.thumbnail.url

您正在访问的 JSON 中的任何地方似乎都没有数组。

这是您的 JSON 的简化版本来说明这一点：

{
    ...
    "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
            }
        },
        ...
    }
}

这是一个演示：http: //jsfiddle.net/8Reu2/

于 2012-04-23T20:04:25.927 回答
0

您使用的 url 是为了带回特定的媒体元素（单张照片）。

所以你需要访问它data.data.images.thumbnail.url

您可以使用
https://api.instagram.com/v1/media/popular?client_id=afd15cca7d664a1c964d54bac0488b93
来检索该用户的流行媒体，然后data.data确实是一个数组。

看看文档

于 2012-04-23T20:13:45.403 回答
0

data 不是数组 不需要引用 data[i] 只是数据 http://jsbin.com/oxetok/edit#javascript,html,live

于 2012-04-23T20:14:34.770 回答