Блог

У меня есть следующий код, который работает, но мне не нравится использовать

 await new Promise(resolve => setTimeout(resolve, 10000));
 

Я хотел бы изменить свой код таким образом, чтобы второй вызов действительно ждал, пока не будет подготовлен результат первого вызова. В текущем коде, если я удалю приведенный выше код, я не смогу получить ожидаемый результат от второго вызова.
Я должен также упомянуть, что для подготовки вывода каждому вызову требуется около 5-8 секунд.

  const url = "myUrl";
let bodyText = JSON.stringify({ data: dataResult});

await fetch(url, {
  method: "POST",
  headers: { 'Content-Type': 'application/json', 'header': 'myHeader'},
  body: bodyText 
}).then(async postres=> {
  if (!postres.ok) {

    console.log("error1");
  }
  if (postres.ok) {
    console.log("success1");

  }
  await new Promise(resolve => setTimeout(resolve, 10000));

  return await fetch(postres.headers.get("something"), {
    method: "GET",
    headers: { 'header': 'myHeader'}
  });
}).then(async getres=> {
  if (!getres.ok) {
   console.log("error2");
  }
  if (getres.ok) {
   console.log("success2");
  }
  return await getres.text();
}).then(finalres=> { console.log("finalres is: "   finalres, null); });
 

Хотя я использовал await , кажется, что это не очень полезно.
Я надеюсь, что кто-нибудь сможет мне помочь.

Я бы использовал await логику, чтобы сделать код синхронным. При использовании await следующая строка не будет выполняться до завершения операции.

 const url = "myUrl";
let bodyText = JSON.stringify({ data: dataResult });

const postres = await fetch(url, {
  method: "POST",
  headers: { 'Content-Type': 'application/json', 'header': 'myHeader'},
  body: bodyText 
});

if (!postres.ok) {
  console.log("error1");
  return;      // return to stop execution???
}

console.log("success1");

const getres = await fetch(postres.headers.get("something"), {
  method: "GET",
  headers: { 'header': 'myHeader'}
});

if (!getres.ok) {
  console.log("error2");
  return;      // return to stop execution???
}

console.log("success2");

const finalres = await getres.text();

console.log("finalres is: "   finalres, null);