Публикации по теме 'fetch'


Изучите API Fetch менее чем за 3 минуты
Fetch API — это современный интерфейс JavaScript, который позволяет нам отправлять HTTP-запросы к серверам из веб-браузеров. Синтаксис : fetch('https://reqres.in/api/users', { }) Мы передаем URL в первом разделе, а во втором разделе, который является необязательным, используется для передачи различных параметров запроса http . Я использую макет api здесь. console.log(fetch('https://reqres.in/api/users')) На выходе мы получим обещание, потому что fetch основан на..

Axios vs Fetch API: введение
Что подходит именно вам? (Подсказка: оно начинается с «А» и рифмуется с «Гаксиос»). Слушать. Я знаю, о чем ты думаешь. Вы думаете: «Axios и fetch() — HTTP-клиенты на основе обещаний. fetch() поставляется с ванильным JavaScript. Аксиос нет. Я просто собираюсь использовать fetch() . А потом я съем Oreo». Ну, держись там сейчас. Прежде чем вы это сделаете, давайте уделим следующие 4 минуты (согласно Medium) и рассмотрим некоторые вопросы, которые вы можете задать себе перед..

Отменить ожидающий запрос API отдыха
Как мы знаем, fetch возвращает промис. И JavaScript вообще не имеет концепции прерывания/отмены promise . Итак, как мы можем отменить текущую выборку? Например. если действия пользователя на нашем сайте указывают на то, что выборка больше не нужна. Для таких целей есть уникальный встроенный объект: AbortController . Его можно использовать для прерывания не только fetch , но и других асинхронных задач. Начнем с создания на AbortController . Объект AbortController let..

Пришло время изучить .
Как использовать метод выборки Javascript. Вы хотите получить данные из API, но не знаете, как это сделать? Не волнуйтесь! Потому что через несколько минут вы получите один из лучших инструментов веб-разработчика. Что такое добыча? Метод Fetch — это простой способ получить необходимые ресурсы из API. Что такое API? API означает интерфейс прикладного программирования, и он используется для того, чтобы несколько устройств могли взаимодействовать и обмениваться данными друг с..

Почему вы должны использовать React Query в своем приложении React
Почему вы должны использовать React Query в своем приложении React React Query — популярная библиотека, используемая для управления данными в приложениях React. Он предоставляет простой и эффективный способ извлечения, кэширования и обновления данных в ваших компонентах React. React Query позволяет легко справляться со сложностями управления данными в вашем приложении, включая обработку состояний загрузки и ошибок, кэширование и оптимистичные обновления. По своей сути React Query..

Напишите динамический вызов fetch() с .concat()
Я создавал приложение для удовольствия, используя бесплатный API Pokemon (это круто!), который позволил бы пользователю выбрать атрибут типа покемона, а затем показать все типы, против которых выбранный тип либо силен, либо слаб. . Это поставило передо мной несколько задач, в том числе то, как я мог принять пользовательский ввод и использовать его для изменения конечной точки моего вызова fetch(). В этом посте я поделюсь с вами, как я этого добился! Что делает .concat()? Согласно..

Создание планировщика поездок на Javascript
Из всех проектов, которые я создал за время учебы во Flatiron School, этот я ждал меньше всего. Наша задача состояла в том, чтобы создать веб-приложение с внешним интерфейсом Javascript и внутренним интерфейсом API Rails и минимум двумя моделями с отношением exists_to и has_many. Я чувствовал себя очень уверенно в своих знаниях о рельсах и рано решил, что хочу иметь четыре модели в своем проекте. Я начал создавать свой рельсовый бэкенд Trip Planner, используя следующие модели:..