Автор оригинала: Shruti Kapoor.
Я буду регулярно участвовать в javaScript учащихся по размеру в javaScript. Мы рассмотрим основы JS, браузеры, DOM, дизайн системы, архитектуру домена и каркасы.
Fetch – это интерфейс для создания запроса AJAX в JavaScript. Он реализован широко современными браузерами и используется для вызова API.
const promise = fetch(url, [options])
Вызов Fetch возвращает обещание, с объектом ответа. Обещание отклоняется, если есть ошибка сети, и она решена, если нет проблем, подключаемых к серверу, и сервер ответил код состояния. Этот код состояния может содержать 200, 400 или 500 с.
Образец запроса Fetch –
fetch(url) .then(response => response.json()) .catch(err => console.log(err))
Запрос отправляется как по умолчанию. Чтобы отправить сообщение/патч/удалить/поставить, вы можете использовать свойство метода как часть Варианты параметр. Некоторые другие возможные значения Варианты может взять –
Метод: например, получить, пост, патчЗаголовки: Заголовки объектаРежим: напримерCORS,No-Cors,то же самое происхождениекэш: Режим кеша для запросареквизиты для входатело
Проверьте полный список доступных вариантов здесь
Пример использования: Этот пример демонстрирует использование Fetch для вызова API и получить список репозиторий Git.
const url = 'https://api.github.com/users/shrutikapoor08/repos';
fetch(url)
.then(response => response.json())
.then(repos => {
const reposList = repos.map(repo => repo.name);
console.log(reposList);
})
.catch(err => console.log(err))
Чтобы отправить запрос на почту, вот как параметр метода может использоваться с синтаксисом Async/en anit.
const params = {
id: 123
}
const response = await fetch('url', {
method: 'POST',
headers: {
'Content-Type': 'application/json'
},
body: JSON.stringify(params)
});
const data = await response.json();