В статье вы узнаете, как использовать Fetch API в JavaScript, чтобы получить из API. Я буду использовать dev.to API.
PEVCOMMUNTITITY API действительно будет полезен для частных лиц, вставив небольшой портфель и не готов построить раздел блога .
Вы можете легко назвать все ваши сообщения в Devcommunity вам в блоге портфолио.
Начиная
Вот ссылка на PEVCommunity API, где вы можете получить доступ к вашим статьям — https://dev.to/api/articles?username=olawanle_joel
Все, что вам нужно сделать, это заменить имя пользователя своими.
Api
Прежде чем я продолжаю, позвольте мне объяснить несколько вещей о Petch API.
Fetch API — это современный интерфейс, который позволяет сделать HTTP-запросы в веб-браузерах.
Если вы работали с XMLHTTPREQUEST ( XHR ) Объект, API Fetch может выполнять все задачи, как XHR объект.
Кроме того, это простое и чистое API, которое использует [Обещание] (https://www.javascriptTutorial.net/es6/javascript-Promises/) Для доставки более гибких функций для запроса ресурсов с сервера.
fetch () Метод возвращает Обещание так что вы можете использовать тогда () и поймать () Методы для обработки его:
Вот простой синтаксис:
fetch(url)
.then(response => {
// handle the response
})
.catch(error => {
// handle the error
});
URL будет заменен ссылкой на API. Ниже я выберусь от API Devcomunity.
fetch('https://dev.to/api/articles?username=olawanle_joel')
.then((response) => response.json())
.then(data => console.log(data))
.catch((error) => console.log(error));
Приведенный выше код вернет все ваши статьи из DevComunitity AS JSON в мою консоль Dev.
Есть другие форматы или методы возврата ответа, такие как:
- текст()
- Blob ()
- fromdata (), e.t.c.
Резюме
После того, как вы успешно получили все результаты API, и он возвращает контент, как ожидается. Теперь вы можете начать использовать эти значения.
Вот a Репозиторий в котором я использовал API Devcomunitity, чтобы позвонить моим статьям в мини портфолио Отказ
Полезные ресурсы
- JavaScript Fetch API.
- Понимание Fetch () API В JavaScript
- Понимание Fetch () 2 — Создание приложения для генератора случайных цитатов
Оригинал: «https://dev.to/olawanle_joel/fetch-your-posts-from-dev-to-api-with-javascript-i36»