Проход по массиву в API Instagram

Question

Проход по массиву в API Instagram

0

Я пытаюсь перебрать массив внутри instagram api. Массив - это теги, и после этого я хочу, чтобы каждый тег добавлялся к элементу li в моем html. Я пробовал несколько вещей, например, цикл for в замкнутом цикле. Теперь я установил его так, чтобы первый элемент в тегах массива показывал, но я хочу, чтобы каждый тег получил его собственный тег li, мне нужно прокрутить массив с помощью тегов или что? Благодарю! Вот мой код:

//instagram api example, this code makes you fetch images after searching specific hashtag
$(document).ready(function () {
    var myId = "---";
    //sets so form doesnt override jquery
    $('#submit').click(function (event) {
        event.preventDefault();
    })
    $('#submit').click(searchInst);
    //shows a loading bar when press the btn
    // Setup the url for the API
    //var url = "https://api.instagram.com/v1/tags/"+input+"/media/recent?client_id=dff465e44a4d4026b554b3d7925643cc&callback=?&count=100";

    // Tell jQuery to fetch the data.
    // When it returns the data, it will call our 'processImages' function 
    //$.getJSON(url, processImages);
    function searchInst() {
        $('.feed').empty()
        $('#load').append('<p>The images are loading..</p><br><img src="img/load.gif">')
        var input = $("#textInput").val()
        var url = 'https://api.instagram.com/v1/tags/' + input + '/media/recent?client_id=' + myId + '&callback=?&count=100'
        $.getJSON(url, processImages);
    };

    function processImages(chilibiff) {
        // The variable f represents the information we got back.
        var i = 0;
        for (var i = 0; i < chilibiff.data.length; i++) {
            var f = chilibiff.data[i]
            var imgSrc = f.images.standard_resolution.url
            var userImg = f.user.profile_picture
            var userName = f.user.username
            //tag for loop doesn't work, try code for in on your server
            var tags = f.tags[0]
            $('.feed').append('<img src="' + userImg + '" id="profile"><p>' + userName + '</p>')
            $('.feed').append('<img src="' + imgSrc + '">')
            $('.feed').append('<li>' + tags + '</li>')
        }
        $('#load').empty()
    }
});

Chilibiff 06 окт. 2013, в 00:16

Источник

0

если бы вы предоставили некоторые данные json из API, это было бы более понятно. но вы также использовали jQuery, так что это не так.
lukaleli 05 окт. 2013, в 22:16
0

Вот данные json: api.instagram.com/v1/tags/snow/media/…
Chilibiff 06 окт. 2013, в 08:46

Теги:

javascript

jquery

api

instagram

1 ответ

Ещё вопросы

если бы вы предоставили некоторые данные json из API, это было бы более понятно. но вы также использовали jQuery, так что это не так.
Вот данные json: api.instagram.com/v1/tags/snow/media/…

Chilibiff · Accepted Answer · 2013-10-09T19-07-00.000Z

Okey, так что это устранит проблему. Необходимо выполнить цикл через массив после того, как вы зациклируете результаты.

    //instagram api example, this code makes you fetch images after searching specific hashtag

    $(document).ready(function() {

    var myId = "------";

    //sets so form doesnt override jquery
    $('#submit').click(function(event) {
event.preventDefault();
})

      $('#submit').click(searchInst);

      //shows a loading bar when press the btn

     // Setup the url for the API
    //var url = "https://api.instagram.com/v1/tags/"+input+"/media/recent?   client_id=dff465e44a4d4026b554b3d7925643cc&callback=?&count=100";

    // Tell jQuery to fetch the data.
    // When it returns the data, it will call our 'processImages' function 
    //$.getJSON(url, processImages);

    function searchInst() {
$('.feed').empty()
$('#load').append('<p>The images are loading..</p><br><img src="img/load.gif">')
var input = $("#textInput").val()
var url = 'https://api.instagram.com/v1/tags/' + input + '/media/recent?client_id=' +    myId + '&callback=?&count=100'
$.getJSON(url, processImages);
    };

    function processImages(chilibiff) {
    // The variable f represents the information we got back.
    for (var i = 0; i < chilibiff.data.length; i++) {
    var f = chilibiff.data[i]
    var imgSrc = f.images.standard_resolution.url
    var userImg = f.user.profile_picture
    var userName = f.user.username
    //tag for loop doesn't work, try code for in on your server
    $('.feed').append('<img src="' + imgSrc + '">')
    $('.feed').append('<img src="' + userImg + '" id="profile">' + '<p><a   href="http://www.instagram.com/' + userName + '" target="_blank">' + userName + '</a></p>')

  for (var x=0; x < f.tags.length; x++) {
  var tag = f.tags[x]
  $('.feed').append('<li>' + tag + '</li>')
    }

    }

    $('#load').empty()
    }


    });