Я хотел бы получить заголовок и ссылку на 10 сообщений от WordPress REST API.

Мой код получает меня только первый объект в массиве JSON. Я знаю, что это потому, что [0], но я изо всех сил пытаюсь найти решение для отображения желаемых значений из всех объектов.

{amp}lt;div class="mypanel"{amp}gt; {amp}lt;script{amp}gt; $.getJSON('https://www.example.com/wp-json/wp/v2/posts', function(item) { var text = `{amp}lt;li{amp}gt;{amp}lt;a href="${item[0].link}"{amp}gt;{amp}lt;h2{amp}gt;${item[0].title.rendered}{amp}lt;/h2{amp}gt;{amp}lt;/a{amp}gt;{amp}lt;/li{amp}gt;` $(".mypanel").html(text); }); {amp}lt;/script{amp}gt; {amp}lt;/div{amp}gt; 

Я читал, что, вероятно, $ .map () будет потенциальным решением моей проблемы, но не могу понять, как правильно его использовать в этом случае.

Спасибо за любую помощь!

blackbear333

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

Кодекс поведения

,

Я предполагаю, что если вы получите все значения в своем ответе, то просто повторите это:

 const perPage = 10; // 10 posts const url = 'https://www.example.com/wp-json/wp/v2/posts?per_page='   perPage; const handleResponse = items ={amp}gt; { let text = ''; items.forEach(item ={amp}gt; { text  = `{amp}lt;li{amp}gt;{amp}lt;a href="${item.link}"{amp}gt;{amp}lt;h2{amp}gt;${item.title.rendered}{amp}lt;/h2{amp}gt;{amp}lt;/a{amp}gt;{amp}lt;/li{amp}gt;`; }; $(".mypanel").html(text); }; $.getJSON(url, handeResponse); 

Пожалуйста, найдите здесь для REST API все остальные аргументы: Аргументы

Надеюсь, это поможет!

Используйте нумерацию страниц, которая входит в состав WP API. Тогда итерируйте это. Просто добавьте? Per_page = 10 к своему URL:

  http://example.com/wp-json/wp/v2/posts?per_page=10 

Подробнее здесь: https://developer.wordpress.org/rest-api/using-the-rest-api/pagination/