Не передается значение из POST запроса в переменную

Question

Есть проблема. Делаю POST запрос для медиафайлов. При получении ответа от сервера, передаю путь и тип файла в переменные. Приходит ответ, но значения не передаются. Что делать, помогите плиз?

formEl.addEventListener('submit', evt => {
const formData = new FormData(evt.currentTarget);
    const xhr = new XMLHttpRequest();
    xhr.open('POST', `${apiUrl}/media`);
    xhr.addEventListener('loadend', () => {
        const data = JSON.parse(xhr.responseText);
        pathFile = data.path;
        typeFile = data.type;
    }),
        xhr.send(formData);

    const file = pathFile; //переменные для получения значения из запроса
    const type = typeFile; //переменные для получения значения из запроса

    let std = {
        id: 0,
        author,
        text,
        type,
        file,
    };
});

Возможный дубликат вопроса: Как вернуть значение из события или из функции обратного вызова? Или хотя бы дождаться их окончания — Stepan Kasyanenko, Jun 12 '20 at 06:37
А в моем случае, как его (функцию) использовать? Не подскажете? Просто я в этом направлении, пока новичок ) — Cool_Dude, Jun 12 '20 at 07:39
У вас асинхронная функция, в вашем случае код выполнил строку, не дождался её завершения и пошел к другой, соответственно и переменная пустая. Воспользуйтесь async/await или из гайда выше. — MoloF, Jun 12 '20 at 08:10
@MoloF, да, спасибо, я понял это, но не знаю как это реализовать? Покажете на моем примере? — Cool_Dude, Jun 12 '20 at 08:39

score 0 · Answer 1 · answered Jun 12 '20 at 09:14

const apiUrl = 'https://api.themoviedb.org/3/discover/movie?api_key=15d2ea6d0dc1d476efbca3eba2b9bbfb';
form.onsubmit = async (e) => {
 e.preventDefault();
let result = {};
const fetchOptions = { method: 'GET' };
 try {
  const response = await fetch(apiUrl, fetchOptions);
  if (response.status !== 200)
   throw new Error('Bad status code');
result = await response.json();
 } catch (error) {
  console.log(error.message);
  return;
 }
console.log('results' in result && result.results);
};

<form id="form">
 <button type="submit">submit</button>
</form>

Не передается значение из POST запроса в переменную

1 Answers1