1. дома
  2. Вопрос и ответ
  3. JQuery Instagram

JQuery Instagram

2012-04-23 3 views
1

используя следующий код ---JQuery Instagram

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

Я хочу, чтобы получить изображение, чтобы показать на основе идентификатора я прохожу в апи. По какой-то причине это не работает. любой может сказать мне, что я делаю неправильно?

благодаря

источник

2012-04-23 apak

+0

какой ошибки вы получаете –

ответ

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-23 20:04:25 Jasper

+0

Спасибо, что работали ... может вы скажите, пожалуйста, как вы смогли получить тупиковую версию JSON? есть ли инструмент для этого? – apak

+0

Ну, я много читал JSON. Поэтому я просто скопировал его, удалил все, чего не хотел от руки. Вы можете использовать «prettifier», чтобы сделать его более читаемым: http://jsonformatter.curiousconcept.com/ – Jasper

+0

О, я вижу. спасибо – apak

0

URL-адрес, который вы используете, чтобы вернуть конкретный элемент медиа (a единственное фото).

Так что вам нужно получить к нему доступ с data.data.images.thumbnail.url

Вы можете использовать
https://api.instagram.com/v1/media/popular?client_id=afd15cca7d664a1c964d54bac0488b93
для получения популярных СМИ этого пользователя, а затем data.data действительно массив.

Взгляни на данных о documentation

источник

2012-04-23 20:13:45

Смежные вопросы

 Смежные вопросы