Как построить список в html из полученного объекта в json из ajax?

Question

[Андрей Пушкин]

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

$.ajax({
      url: 'https://dog.ceo/api/breeds/list/all',
      type: 'get',
      dataType: 'json',
      success: function (data) {
        var dogStr = JSON.stringify(data.message);
        $('#dog_item2').html(dogStr)
      }
    }
  )

Список я получил, правда строкой, как его обработать не понимаю.

Answer 1

[Дмитрий]

data.message.forEach(function(item) {
    // item - один элемент массива, можно его рендерить как-угодно, например:
   $('#somediv').append('<div>' + item.name + '</div>');
});

Comments

[Андрей Пушкин]

Чутка додумал и посмотрел в jQuery документацию по $.each(), все получилось, спасибо!

[Андрей Пушкин]

Дмитрий Богданов, подскажите как работать со свойством, в котором значения указаны массивом?

{
name: [Вася, Петя, Саша]
}

[Дмитрий]

Андрей Пушкин, response.name ?

[Андрей Пушкин]

Дмитрий Богданов, я перебрал значения объекта таким способом:

success: function (data) {
        $.each(data.message,function (key,value) {

          $('#dog_item-list').append('<li>' + key + '|' + value + '</li>');
        });

Получаются данные такого формата

springer|english
stbernard|
terrier|american,australian,bedlington,border,dandie,fox,irish,kerryblue,lakeland,norfolk,norwich,patterdale,scottish,sealyham,silky,tibetan,toy,westhighland,wheaten,yorkshire

Вот как мне работать с данными value, чтобы представить и подпунктами к данным key?

[Павел Корнилов]

?

success: function (data) {
   $.each(data.message,function (key,value) {

		if(Array.isArray(value)) value = value.join();

     $('#dog_item-list').append('<li>' + key + '|' + value + '</li>');
  });

[Андрей Пушкин]

KorniloFF, нет, речь идет о том, что к примеру terrier = ['american', ....], они при выгрузке представлены как
terrier|american,australian,bedlington.....
а как мне сделать так, чтобы они были в таком формате

terrier
          american
          australian
          bedlington

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

[Павел Корнилов]

?

success: function (data) {
	$.each(data.message,function (key,value) {

	 if(Array.isArray(value)) value = value.join('<br>');

		$('#dog_item-list').append('<li>' + key + '|' + value + '</li>');
 });
</script>