Как повторить метод beforeSend из jQuery Ajax на чистом JS?

Question

[Вика Мармеладка]

У jQuery Ajax есть метод beforeSend, который позволяет манипулировать с домом, пока идет отправка каких либо данных. Так же у React есть хук useState который в случае если у него есть асинхронные вызовы, он выкидывает isLoading в то время когда делает запрос на бэк. Так вот как можно это сделать на чистом JS?

Comments

[Lynn «Кофеман»]

По вашему jQuery написан на каком-то другом JS? Другое дело, что это работает только если пользоваться jQuery-скими функциями.

А в React-е нет никакого встроенного isLoading, вас кто-то обманул.

Answer 1

[WapSter]

Просто перед запросом меняешь состояние и после получения ответа возвращаешь.

const getFn = async () => {
  let loading = true;
  try {
    // Некий проммис
  } catch (e) {
    // Обработка ошибки
  } finaly {
    loading = false;
  }
}

Соответственно вместо loading можно использовать, что угодно. И в finaly вставлять не обязательно, можно уже в ошибке некий код обрабатывать, в зависимости от результата запроса что-то делать. Показал частый пример

Comments

[Вика Мармеладка]

Спасибо, а что на счет если я хочу вернуть loading в функцию когда идет запрос либо data когда ответ пришел, именно вернуть в функцию. Как мне поступить? Просто сейчас я получаю undefined

async function BackendAPI() {
    let isLoading = true;

    try {
        const response = await fetch(URL, paramsFetch)
        const data = await response.json()

        return data
    } catch (err) {

    } finally {
        return isLoading
    }

}

[WapSter]

Вика Мармеладка, в любом случае не сможешь, асинхронная функция возвращает промис. Ты можешь внутри этой функции вызвать нужную. И в try у тебя уже отрабатывает return соответсвенно при успешном запросе, finally не отработает