Как получить все сообщения, используя блоггер API, используя цикл JavaScript

Question

Как получить все сообщения, используя блоггер API, используя цикл JavaScript

1

Я пытаюсь получить список всех записей в блогах с помощью API Blogger с помощью javascript Loop. Я нашел решение в StackOverflow тоже. но это не сработало для меня.

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script>
function handleResponse(response) {
  var post_number  = Object.keys(response.items).length; //number of posts
  for (i=0; i<post_number; i++) {
    $('#content').append('<div id="post' + (i+1) + '" class="post"><p></p></div>');
    $('.post p').html(response.items[i].title);
  }
}
</script>
<script src="https://www.googleapis.com/blogger/v3/blogs/5039479718685240371/posts?callback=handleResponse&key=AIzaSyDxfWmXTRnO5yIp25NvuUEBWKSa_5mqjHA"></script>

ниже ошибка возникла, когда я запустил этот код: { "message": "Uncaught ReferenceError: $ is not defined", "filename": "https://stacksnippets.net/js", "lineno": 17, "colno": 5 }

Ajay Malik 09 янв. 2018, в 17:17

Источник

0

возможно, вы не включили библиотеку jQuery?
Mangohero1 09 янв. 2018, в 15:45
0

У вас есть ссылка на JQuery?
Gordon Kushner 09 янв. 2018, в 15:45
0

Неа! Я думаю, что это работает только с чистым JavaScript только для сокращения времени загрузки?
Ajay Malik 09 янв. 2018, в 15:46
0

$ () это не чистый javascript, это jquery.
rmlan 09 янв. 2018, в 15:47
0

Я включил ссылку JQuery, но это не работает с этим тоже
Ajay Malik 09 янв. 2018, в 15:48
0

Это была другая ошибка или та же ошибка?
rmlan 09 янв. 2018, в 15:50
0

Да уж! Я включаю это перед кодом, который вы можете проверить в коде выше, я обновляю
Ajay Malik 09 янв. 2018, в 15:51
0

Нет, это не показывает никакой ошибки, но это не сработало
Ajay Malik 09 янв. 2018, в 15:52
0

Этот фрагмент выше никогда не сработает, потому что у вас нет определенных определенных элементов (и, в частности, ни одного, определенного с идентификатором content ).
rmlan 09 янв. 2018, в 15:52
0

Вы можете заставить это работать для меня однажды?
Ajay Malik 09 янв. 2018, в 15:54
0

просто создайте div с идентификатором «content». И после этого исправьте $('.post p').html(response.items[i].title); поэтому он не обновляет каждый элемент сообщения. Вы можете просто поместить заголовок прямо в строку выше, в любом случае, нет необходимости в этой дополнительной строке.
ADyson 09 янв. 2018, в 16:00

Показать ещё 9 комментариев

Теги:

javascript

json

google-api

api

blogger

1 ответ

Ещё вопросы

возможно, вы не включили библиотеку jQuery?
Неа! Я думаю, что это работает только с чистым JavaScript только для сокращения времени загрузки?
Я включил ссылку JQuery, но это не работает с этим тоже
Это была другая ошибка или та же ошибка?
Да уж! Я включаю это перед кодом, который вы можете проверить в коде выше, я обновляю
Нет, это не показывает никакой ошибки, но это не сработало
Этот фрагмент выше никогда не сработает, потому что у вас нет определенных определенных элементов (и, в частности, ни одного, определенного с идентификатором content ).
Вы можете заставить это работать для меня однажды?
просто создайте div с идентификатором «content». И после этого исправьте $('.post p').html(response.items[i].title); поэтому он не обновляет каждый элемент сообщения. Вы можете просто поместить заголовок прямо в строку выше, в любом случае, нет необходимости в этой дополнительной строке.

Andrew Lohr · Accepted Answer · 2018-01-09T14-55-00.000Z

Я сделал пробную версию и ошибку с вашим кодом, и первая проблема, которую вы заметили, была решена путем включения библиотеки jQuery.

Вы можете использовать ajax для получения данных вместо того, чтобы включать их в тег скрипта. jQuery будет регистрироваться и вызывать функцию обратного вызова для вас.

Остальное сработало. Вот пример. Я бы также предложил изменить ваш ключ сейчас.

$.ajax("https://www.googleapis.com/blogger/v3/blogs/5039479718685240371/posts?callback=handleResponse&key=AIzaSyDxfWmXTRnO5yIp25NvuUEBWKSa_5mqjHA")

function handleResponse(response) {
  //var post_number = Object.keys(response.items).length; //number of posts
  for (i = 0; i < response.items.length; i++) {
    var titleHtml = '<div id="post' + (i + 1) + '" class="post"><p>' + response.items[i].title + '</p></div>';
    $('#content').append(titleHtml);
  }
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="content"></div>

Можете ли вы сказать мне, как добавить содержание публикации в нем?
«В нем была какая-то логика обратного вызова», это просто JSONP, верно?
это был бы совершенно другой вопрос, и вы должны попытаться сделать это самостоятельно. Когда вы застряли и у вас есть конкретный вопрос, вы можете вернуться и опубликовать его как новый вопрос. Я бы посоветовал погуглить посты на ajax
@AjayMalik просто использует поле «content» объекта, точно так же, как это использует поле заголовка. Если вы посмотрите на JSON, это должно быть очевидно, нет? И вам, возможно, нужно обернуть его в еще немного HTML, но структура этого зависит от вас. Вы на самом деле понимаете любой из этого кода, который у вас есть? Кажется, вы просите, чтобы каждая крошечная деталь была предоставлена вам на 100%.
@ ADyson спасибо за указание, я никогда раньше не работал с JSONP
Я возьму отсюда спасибо за вашу помощь
Я обновил свой ответ, чтобы отразить обратный вызов jsonp
@AjayMalik Я неправильно понял ваш вопрос о "публикации контента". Я думал, что вы имели в виду размещение контента в API. Вы можете получить доступ к содержимому блога, как предложил ADyson.
Не волнуйся! Вы помогаете мне понять этот грязный код. это работает как я хочу.