Javascript jquery instagram
使用以下代码---Javascript jquery instagram,javascript,jquery,image,api,instagram,Javascript,Jquery,Image,Api,Instagram,使用以下代码--- $(函数(){ $.ajax({ 键入:“获取”, 数据类型:“jsonp”, cache:false, url:“https://api.instagram.com/v1/media/131324529876654234_1491525?client_id=afd15cca7d664a1c964d54bac0488b93", 成功:功能(数据){ 对于(变量i=0;i
$(函数(){
$.ajax({
键入:“获取”,
数据类型:“jsonp”,
cache:false,
url:“https://api.instagram.com/v1/media/131324529876654234_1491525?client_id=afd15cca7d664a1c964d54bac0488b93",
成功:功能(数据){
对于(变量i=0;i<1;i++){
$(“#图片”)。附加(“”);
}
}
});
});
我想根据我在api中传递的id获得一个显示的图像。由于某种原因,它不起作用。谁能告诉我我做错了什么
谢谢
您正在访问的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
}
},
...
}
}
这里有一个演示:您使用的url是用来带回一个特定的媒体元素(一张照片) 因此,您需要使用
data.data.images.缩略图.url来访问它
您可以使用
https://api.instagram.com/v1/media/popular?client_id=afd15cca7d664a1c964d54bac0488b93
检索该用户的流行媒体,然后检索数据。数据实际上是一个数组
请看一下数据不是数组
无需参考数据[i]仅参考数据
谢谢,这很有效。。。你能告诉我你是如何得到简化版的JSON的吗?有没有这样的工具?我读了很多JSON。所以我只是复制了它,用手把我不想要的东西都拿走了。您可以使用“美化剂”使其更具可读性:
data.data.images.thumbnail.url
{
...
"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
}
},
...
}
}