Публикации по теме 'fetch-api'
Аякс. Как делать асинхронные запросы в JavaScript
Ajax означает асинхронный JavaScript и XML. В JavaScript есть способы выполнения асинхронных запросов. У нас есть метод старой школы XHR (XMLHttpRequest), популярный $.ajax() jQuery и потрясающее использование Fetch API. В этом посте мы рассмотрим эти три метода. Но прежде чем идти дальше, нам нужно понять, что означает асинхронный запрос.
Что мы рассмотрим -
Значение асинхронного запроса Как сделать асинхронный запрос с помощью объекта XMLHttpRequest Как сделать асинхронный..
Добавление HTML-элементов на ваш сайт с помощью ванильного JavaScript
Есть много причин использовать JavaScript для активного добавления HTML-элементов на ваш веб-сайт, в отличие от жесткого кодирования большого HTML-дерева. Некоторые из этих преимуществ включают лучшую читаемость исходного кода, более быстрый и оптимизированный веб-сайт и возможность использовать данные, полученные из различных API на вашем веб-сайте.
Чтобы добавить элементы HTML на свой веб-сайт с помощью JavaScript, вам сначала нужно добавить данные элементов, чтобы они где-то..
Выполнение HTTP-запросов с помощью fetch API
если вы не можете объяснить это просто, вы не понимаете этого достаточно хорошо.
обзор
В этой статье мы узнаем, как делать HTTP-запросы с API-интерфейсом для получения данных. Я постараюсь сделать это максимально простым. Прежде чем перейти к теме, я просто хочу дать несколько советов во время обучения. Во время обучения чему-либо качество важнее количества. Во-вторых, вы ничего не получите, если просто прочитаете статью. Вы должны практиковать то, что вы читаете. И, наконец,..
Основы Fetch API
Основы Fetch API
Руководство для начинающих
Запрос ресурсов из API - довольно распространенная и почти жизненно важная функция, необходимая для создания современных приложений. Независимо от того, создали ли вы собственный API или используете сторонний API, вам нужен способ делать запросы, не замедляя работу приложения. Именно здесь вступает в игру Fetch API, и это один из самых популярных инструментов для выполнения работы.
Поговорим об Ajax
Прежде чем мы перейдем к Fetch, нам..
Вопросы по теме 'fetch-api'
Использование заголовка авторизации с Fetch в React Native
Я пытаюсь использовать fetch в React Native для получения информации из API Product Hunt. Я получил правильный токен доступа и сохранил его в State, но, похоже, не могу передать его в заголовке авторизации для запроса GET.
Вот что у меня есть на...
348710 просмотров
schedule
22.01.2024
Доступ к заголовкам ответа на запрос CORS
Я использую API выборки, чтобы сделать междоменный запрос, аналогичный приведенному ниже фрагменту.
window.fetch('http://data.test.wikibus.org/magazines', { method: 'get'})
.then(function(response) {
var linkHeader =...
2222 просмотров
schedule
17.04.2024
Как выполнить POST с данными, состоящими из нескольких частей, с помощью выборки?
Я получаю такой URL-адрес:
fetch(url, {
mode: 'no-cors',
method: method || null,
headers: {
'Accept': 'application/json, application/xml, text/plain, text/html, *.*',
'Content-Type': 'multipart/form-data'
},
body:...
171194 просмотров
schedule
14.03.2023
Получить ответ пустым из-за предварительной проверки?
У меня есть веб-приложение react.js/redux/webpackt/es6... и API-интерфейс с мультиплексором от gorilla. Когда я делаю вызов с помощью функции ниже, мой заголовок тоже пуст и содержит содержимое.
Я использую этот пакет в своем веб-приложении для...
3669 просмотров
schedule
17.05.2022
Могут ли Service Workers отвечать на синхронные запросы XHR?
Я хотел бы использовать Service Workers для улучшения существующего веб-сайта. В частности, я хотел бы улучшить автономную поддержку, заставив сервис-воркеров отвечать на запросы с замещающими ресурсами, когда фактические ресурсы недоступны. Этот...
3675 просмотров
schedule
06.04.2022
Возврат HTML с помощью fetch()
Я пытаюсь получить файл и вернуть его HTML. Однако это не так просто, как я себе представлял.
fetch('/path/to/file')
.then(function (response) {
return response.body;
})
.then(function (body) {
console.log(body);...
80852 просмотров
schedule
28.09.2022
Обработка аутентификации в базе данных Firebase с помощью Fetch в Service Worker
Я пытаюсь запросить базу данных Firebase из Service Worker, используя Fetch API. Однако это не работает должным образом, поскольку я не могу пройти аутентификацию правильно.
В основном то, что я пытаюсь сделать, это источник...
1078 просмотров
schedule
19.08.2022
Какие ограничения применяются к непрозрачным ответам?
Непрозрачные ответы определяются как часть Fetch API и представляют результат запроса к удаленному источнику, когда CORS не включен.
Какие практические ограничения и «подводные камни» существуют в отношении того, как можно использовать...
37359 просмотров
schedule
23.03.2023
Конечные точки не проходят аутентификацию с помощью вызовов Fetch API (используя паспорт-google-oauth2)
У меня есть паспорт, настроенный для использования стратегии Google, и я могу направить на /auth/google great. В настоящее время у меня есть так, что когда вы входите в систему с использованием аутентификации Google oauth2, мои конечные точки будут...
1880 просмотров
schedule
24.06.2022
fetch - Отсутствует граница в POST multipart / form-data
Спасибо, что зашли.
Я хочу отправить new FormData() как body запроса POST , используя fetch api
операция выглядит примерно так
var formData = new FormData()
formData.append('myfile', file, 'someFileName.csv')...
75501 просмотров
schedule
07.10.2023
Невозможно установить состояние компонента React
Я вызываю API, используя API выборки внутри моего компонента реакции, чтобы установить состояние. Это мой код.
class MyComponent extends React.Component {
constructor(props) {
super(props);
this.state = { fullName: null, uid: null };...
881 просмотров
schedule
28.09.2022
Скрыть ошибку 401 console.error в инструментах разработчика Chrome, получая 401 при вызове fetch ()
У меня есть код, в котором я выполняю вызов. При этом используется API window.fetch, встроенный в современный chrome / firefox.
Код иногда попадает в ответ 401: неавторизованный. Это нормально, и я хочу, чтобы это игнорировалось, что я могу...
12809 просмотров
schedule
24.03.2022
Использование Fetch API для POST XML
Я пытаюсь использовать Fetch API для обработки POST данных XML, чтобы избежать проблем с перекрестным происхождением с XmlHttpRequest. Проблема, с которой я сталкиваюсь, заключается в том, что, несмотря на то, что для моего Content-Type задано...
7363 просмотров
schedule
16.02.2023
IndexedDB при заполнении многих ObjectStores, ошибка: не удалось выполнить «транзакцию» в «IDBDatabase»: выполняется транзакция изменения версии
Хороший @Josh уже ответил на аналогичный вопрос относительно сообщения об ошибке при заполнении ObjectStores IndexedDB:
Не удалось выполнить "транзакцию" в "IDBDatabase": изменение версии транзакция выполняется
Ответ подходит для случая...
2483 просмотров
schedule
16.07.2023
пользовательские заголовки не добавляются в объект запроса
Я пытаюсь использовать fetch API.
Сначала я создаю объект new Headers() :
var oHeaders = new Headers({
'Accept': 'application/json',
'Content-Type': 'application/json',
"X-DocuSign-Authentication":...
793 просмотров
schedule
08.07.2022
Запрос не может быть создан из URL-адреса, который включает учетные данные
Я хочу получить JSON из API в React.js. Я пытался использовать axios, superagent и fetch, но это не сработало?
let token = '****';
let url = 'https://'+ token...
3056 просмотров
schedule
19.04.2024
Получить запрос GET с настраиваемыми заголовками ReactJS
Я пытаюсь отправить запрос GET в API, но когда я добавляю пользовательские заголовки в код, происходит что-то странное. Где-то метод запроса меняется на OPTIONS, когда он достигает веб-сервера.
Но когда я сделаю то же самое без заголовков, это...
20670 просмотров
schedule
16.06.2022
fetch API: невозможно добавить авторизацию в заголовок запроса с помощью Chrome
Версия Chrome : 57.0.2987.
На самом деле, в более старой версии Chrome у меня тоже есть эта проблема. Я добавил Authorization в заголовок запроса с моим токеном доступа,
fetch('https://example.com/endpoint', {
method: 'GET',
headers: {...
9027 просмотров
schedule
17.07.2022
Как я могу POST или PUT необработанный двоичный файл, используя React Native
Мне нужно поместить файл изображения из собственного приложения реакции на предварительно настроенный URL-адрес загрузки s3. Я видел пример с выборкой, которая загружает изображение как двоичный файл через путь, но делает это как загрузка формы,...
10795 просмотров
schedule
07.12.2022
Зависит ли Aurelia-Fetch от whatwg-fetch?
Я пытаюсь обновить свой проект Aurelia с бета-версии до мартовской версии.
Одна из ошибок, которые я получаю:
Не удается найти имя «Запрос».
При поиске в Google эта проблема появляется на GitHub:...
255 просмотров
schedule
12.06.2023
