12 Модуль - AJAX. Fetch API. CRUD -- 03 AJAX и Fetch API Flashcards
AJAX(Asynchronous JavaScript and XML) — метод отправки или запроса данных с
последующим обновлением интерфейса по этим данным, без необходимости перезагрузки страницы. За счет этого уменьшается время отклика и веб-страница становится более интерактивной.
Под AJAX подразумевают
любое общение с сервером без перезагрузки страницы.
Fetch API — предоставляет
улучшенный интерфейс для составления запросов к серверу и построен на обещаниях (promise).
fetch(url, options)
– url — обязательный параметр - путь к данным которые вы хотите получить.
– options — необязательный параметр - объект настроек запроса. Содержит служебную информацию: метод (по умолчанию GET), заголовки, тело и т. д.
Возвращает промис, который содержит ответ сервера.
https://prnt.sc/10s0a97
В первый then передается экземпляр класса
Response, снабженный различными методами и свойствами. В нем содержится служебная информация о состоянии ответа сервера.
В зависимости от типа получаемого контента, используется различный метод парса.
Response.prototype.json() - используется, когда от бекенда ожидаются данные в JSON-формате.
https://prnt.sc/10s0amv
Headers — позволяет выполнять
различные действия в заголовках HTTP-запроса и ответа. fetch(url, options) - это options
https://prnt.sc/10s0bh6
Публичным RESTful API состоит из:
Пример:
https://api.privatbank.ua/p24api/pubinfo?exchange&json&coursid=11
https://api.privatbank.ua/p24api — endpoint, base URL, точка входа на API.
/pubinfo — ресурс, к которому мы обращаемся
? — говорит о том, что дальше идут параметры запроса
& — используется для указания смыслового И, связывает параметры запроса