Как использовать добавление с getJSON

Я пытаюсь отобразить результаты функции getJSON внутри

<ul>
<li> item 1 link</li>
<li> item 2 link</li>
<li>item 3 link  </li>
... etc.
</ul>

Я пробовал:

$.getJSON($URL, function(data) {
                var array = $.map(data, function(item) {
                    return {
                        title: item.title,
                        id: item.id
                    };
                });
                for (var i = 0; i < 11; i++) {
                    $('#related-sites').append("<li>"+array.title+"</li>");
                }
            });

Но у меня есть ошибка "Не определено": / Помогите, пожалуйста!

Попробуйте отладить, это действительно должно быть первое, что нужно сделать, это легко обнаруживаемая ошибка

— 04.09.2018 00:19

javascript jquery

04.09.2018 00:15

Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией

В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.

Концепция локализации и ее применение в приложениях React ⚡️

Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...

Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer

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

Безумие обратных вызовов в javascript [JS]

Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...

Система управления парковками с использованием HTML, CSS и JavaScript

Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...

JavaScript Вопросы с множественным выбором и ответы

Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...

Перейти к ответу Данный вопрос помечен как решенный

Ответы 2

Вы ищете свойство title массива ... а не конкретные элементы в массиве

Изменять

$('#related-sites').append("<li>"+array.title+"</li>");

$('#related-sites').append("<li>"+array[i].title+"</li>");
                                    // ^^^

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

04.09.2018 00:19

Ответ принят как подходящий

Я не понимаю, зачем вам этот $.map, а также почему вы жестко запрограммировали цикл с индексом с магическими значениями, также вы пропустили индекс здесь array.title, попробуйте вместо этого:

$.getJSON($URL, function(data) {
  var iHtml = '';
  $.each(data, function(i, item) {
    iHtml += '<li>' + (item.title || '') + '</li>';
  });
  $('#related-sites').append(iHtml);
});

Отредактировано:

I need to get only the first ten items

$.getJSON($URL, function(data) {
  var iHtml = '';
  $.each(data, function(i, item) {
    if (10 <= i) return false;
    iHtml += '<li>' + (item.title || '') + '</li>';
  });
  $('#related-sites').append(iHtml);
});

Мне нужно получить только первые десять элементов, поэтому я использовал цикл for.

— 04.09.2018 00:26

04.09.2018 00:24