Как получить значение после fetch-запроса?

Question

[Полина Титова]

Делаю fetch-запрос в одном файле:

const fetch = require('node-fetch');

module.exports = fetch(URL, {
  method: 'POST',
  headers: {
    'Content-Type': 'application/xml',
  }
})
  .then(async function (res) {
    const text = await res.text();
    console.log(text);
  })
  .then((data) => {
    return data;
  });

Вывожу результат в другом:

const postRequest = require('./postRequest');

console.log(postRequest);

Вывод в консоли:

Почему такой вывод и как получить читаемое значение?

Answer 1

[Юрий Горбунов]

Если у вас идея обработчик ответа оставить внутри модуля, то в первом файле меняете на

const fetch = require('node-fetch');

module.exports = async () => {
  return fetch(URL, {
    method: 'POST',
    headers: {
      'Content-Type': 'application/xml'
    }
  })
    .then((res) => {
      return res
    })
}

т.е. вы должны экспортировать асинхронную функцию, которая возвращает ответ и в ней уже можете сделать свои обработчики результата.

А в результирующем файле просто выводите результат в then, ожидая результат выполнения асинхронной функции, которую получили:

const postRequest = require('./postRequest');

postRequest()
  .then(function (res) {
    console.log(res);
  })

Comments

[Юрий Горбунов]

Полина Титова, исправил в ответе. postRequest это функция, ее надо было вызвать

[Полина Титова]

Присваиваю переменной значение полученного ответа? -

const result = postRequest()
  .then(async function (res) {
    const text = await res.text();
    console.log(text);
  })

Вывожу в консоль: console.log(result);
Вывод: Promise { pending }

[Юрий Горбунов]

В таком случае создаете переменную и затем присваиваете ей значение результата

let result

postRequest()
  .then(res => {
     result = res.text()
  })

[Юрий Горбунов]

Полина Титова, вы пытаетесь вывести в консоль объект Promise со статусом pending, который выдает функция. Вам же нужно дождаться выполнения функции и результата и затем вывести его в консоль

[Юрий Горбунов]

Ваш код можно доработать до такого рабочего состояния, НО это всё очень не правильно.
Это не удобно в плане чтения кода и избыточные вызовы асинхронных функций.
Так делать не нужно.

const result = postRequest()
  .then(async function (res) {
    return res.text();
  })

result.then(res => {
  console.log(res)
})

[Полина Титова]

Юрий Горбунов, как оптимизировать код?

[Юрий Горбунов]

Полина Титова, оберунть всё в анонимную асинхронную функцию

(async () => {

  const result = await postRequest()

  console.log( result )

})()

внутри этой функции будет доступна переменная result со значением. И работать с этой переменной нужно внутри этой функции, иначе в консоль выведется undefined раньше, чем мы дожидаемся результата выполнения функции

Answer 2

[GeminiX]

нет return после получения text

Comments

[Полина Титова]

Добавила return, результат тот же

[GeminiX]

return text? В консоль данные выводятся? И зачем мешать async с then?

[Полина Титова]

Александр, console.log(text) - выводятся данные как полагается, console.log(postRequest) - выводит Promise

[GeminiX]

.then((res) => res.text())
.then((text) => {
    console.log(text)
    return text;
 });

[GeminiX]

в итоге результат нужно тоже дождаться

postRequest.then((res)=>{
console.log(res)
....
})