Вывод информации API через getJSON если внутри не всегда полная информация?

Question

[midarovrk]

Здравствуйте. Помогите решить проблему.
Есть один сервис предоставляющий API через JSON
Содержимое выглядит так:

{"gallery":{"kadr":[{"image":"инфа"},{"image":"инфа"},{"image":"инфа"},{"image":"инфа"},{"image":"инфа"},{"image":"инфа"},{"image":"инфа"},{"image":"инфа"},{"image":"инфа"},{"image":"инфа"}]}}

Я достаю инфу через jQuery $.getJSON
Вот так:

$.getJSON('ССЫЛКА',{},function (data,b,c){
document.getElementById("kadri").innerHTML="  <img src='ссылка"+data.gallery.kadr[0].image+"'> <img src='ссылка"+data.gallery.kadr[1].image+"'> <img src='ссылка"+data.gallery.kadr[2].image+"'> <img src='ссылка"+data.gallery.kadr[3].image+"'> <img src='ссылка"+data.gallery.kadr[4].image+"'> <img src='ссылка"+data.gallery.kadr[5].image+"'> <img src='ссылка"+data.gallery.kadr[6].image+"'> <img src='ссылка"+data.gallery.kadr[7].image+"'> <img src='ссылка"+data.gallery.kadr[8].image+"'> <img src='ссылка"+data.gallery.kadr[9].image+"'> ";
});

Всё в принципе работает нормально, но если внутри содержимого меньше, к примеру так:

{"gallery":{"kadr":[{"image":"инфа"},{"image":"инфа"},{"image":"инфа"}]}}

Ну т.е. если внутри всего лишь 3 ссылки на изображения или 4, ну в общем не 10 как у меня прописано в скрипте, то скрипт вообще ничего не выводит.

Так вот, как сделать чтобы если содержимого меньше чем скрипт пытается запросить, то он доставал хотя бы то что есть? И выводил туда куда надо. Что можно добавить в скрипт для реализации?

Comments

[Денис Загаевский]

то есть на jquery вас хватило, а на изучение основ джаваскрипта - нет? Гуглите циклы.

[midarovrk]

Денис Загаевский: мне и этот скрипт с трудом удалось написать, путём проб и перечитывания разных форумов я добился нужного результата. Но эту проблему решить самому не получается, вот и обратился сюда, к опытным вебмастерам.

[Денис Загаевский]

midarovrk: Если хотите чего-то достичь в этом, учитесь гуглить. Ищите не по форумам, а туториалы, обучающие материалы. https://learn.javascript.ru/while-for

[midarovrk]

Денис Загаевский: ну если вы хорошо разбираетесь в этом, дополните пожалуйста скрипт, я сам не потяну.

[Денис Загаевский]

midarovrk: то есть, написать за вас? Нет. Читайте, возникнут вопросы - обращайтесь.

[midarovrk]

Денис Загаевский: да, именно это мне и нужно, иначе я бы не обращался за помощью.

[Денис Загаевский]

midarovrk: сколько вы мне за это готовы заплатить?

[midarovrk]

Денис Загаевский: не хотите помочь, проходите мимо. Думаю добрые люди найдутся, которые помогут по доброте душевной.

[Денис Загаевский]

midarovrk: а хочу встречный вопрос задать. Зачем это вам?

[midarovrk]

Денис Загаевский: что именно? И вам что, не с кем пообщаться? =)

[Денис Загаевский]

midarovrk: ну, зачем вам этот скрипт?

[midarovrk]

Денис Загаевский: установить на сайт.

[Денис Загаевский]

midarovrk: ну вы уже прочитали то, что я скинул по циклам, правда? Кстати, я посмотрел ваши вопросы. Кода, который там был, достаточно, чтобы разобраться в такой простой теме.

Answer 1

[Immortal_pony]

$.getJSON('ССЫЛКА',{},function (data) {
    var html = '';
    
    data.gallery.kadr.forEach(function(element) { 
        html += '<img src="ссылка' + element.image + '">';
    })

    document.getElementById("kadri").innerHTML=html;
});

Comments

[midarovrk]

Спасибо тебе большое! Работает именно так как надо.