вызовите jsonp api из jquery ничего не показано - PullRequest
Новая
       6

вызовите jsonp api из jquery ничего не показано

0 голосов
/ 16 марта 2012

Я пытаюсь вызвать Instagram api, чтобы показать последние популярные изображения, сначала я вызываю функцию jQuery ajax с предоставленным URL-адресом api: когда я набираю URL в браузере, я вижу результат некоторых xml-файлов. поэтому я предполагаю, что это правильный URL, но это не будет работать в моем HTML-файле. кто-нибудь знает, что не так? 

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script>

$(function(){

    $.ajax({
        type: "GET",
        dataType: "jsonp",
        cache: false,
        url: "https://api.instagram.com/v1/media/popular?client_id=84abd0d71cb14ad9885cf1dc59594144",
         success:  function(data) {
            for (var i = 0; i < 10; i++) {
                $("#pics").append("<a target='_blank' href='" + data.data[i].link +
                "'><img src='" + data.data[i].images.low_resolution.url +"'></img></a>");
            }
    });

})

</script>
</head>

<body>

<div id="pics">

</div>

</body>
</html>

Ответы [ 2 ]

3 голосов
/ 16 марта 2012

[править: согласно комментарию ниже, этот совет больше не актуален и скрипка больше не работает. Если позволяет время, я могу найти время, чтобы это исправить; в противном случае, просто будьте в курсе]

Вы просто неправильно расставляете скобки. Такое случается. Если вы еще не используете IDE или другой специальный редактор кода, который может предупредить вас о несовпадающих скобках и тегах, вам следует переключиться! 

$(function() {

    $.ajax({
        type: "GET",
        dataType: "jsonp",
        cache: false,
        url: "https://api.instagram.com/v1/media/popular?client_id=84abd0d71cb14ad9885cf1dc59594144",
        success: function(data) {
            for (var i = 0; i < 10; i++) {
                $("#pics").append("<a target='_blank' href='" + data.data[i].link + "'><img src='" + data.data[i].images.low_resolution.url + "'></img></a>");
            }
        }
    });
});

скрипка: http://jsfiddle.net/KhW2E/

Кроме того, вы говорите, что если вы вводите URL, вы видите какой-то XML. Как вы можете ожидать от названия, вы видите JSON. Вы обращаетесь к этому правильным образом, но полезно использовать правильную терминологию, чтобы люди не запутались.

0 голосов
/ 16 марта 2012

Поставьте скрипт после </body>, чтобы вызов ajax нашел div.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Похожие темы

...