Question

I m trying to perform a synchronous loop until a fetch to a URL is successful. Here s what I ve attempted:

let res = null 

fetch("https://jsonplaceholder.typicode.com/users/1").then((response)=>{
  return response.json();
}).then((data)=>{
  res = data;
  return data
})

while(!res){
  console.log(`${Date.now()} fetching`);
}

However, it doesn t work because the callback is not executed, leading to res = null. How can I modify this to perform a synchronous loop until a fetch to a URL is successful?

Answer 1

你可以 wait笑地等到经常的贾瓦朗文中任满。

Java本是单一阅读的:不同的代码并不同时运行。而是安排他们使用假肢。此外,活动休息方式是,每部法典。因此,正如你所发现的那样,作为<代码>while。休息本身不能完成,经营时间从没有机会执行背书:while。只是 lo。

好消息是,你不需要做你试图做的事情。无论你是利用浏览器还是Node.js,该方案在等待以完成(当然,浏览器永远不会离开)。不需要等候住宿。

相反,只是添加该守则,以尽力处理您的<代码>then中的数据,并在收到数据时予以执行。

Answer 2

在法典中,我喜欢你篡改Promises的权力。

我有两种办法可以帮助你的法典工作。

Leverage the power of async/await syntax:

async function letsRock() {
   try {
      const res = await fetch("https://jsonplaceholder.typicode.com/users/1")
      // The rest of your code ...
    
      return res // Return the response (Optional)

   } catch(e) {
     // Code in case that the request fails
   }
}

注:尽可能使用<代码>const。

Documentation: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/async_function

Write your code inside the .then statement:

fetch("https://jsonplaceholder.typicode.com/users/1").then((response)=>{
  return response.json();
}).then((data)=>{
  // Use your data here this block defines that the function already was executed successfully 
})

<>说明: 功能守则或<代码>.then <>/code>栏将继续执行,一旦回复回代码内,也将执行。

I hope it works for you!

最好!

Answer 3

我修改了你的法典。一经尝试。

let res = null;
async function fetchData() {
    while(!res) {
        await fetch(url)
              .then((response)=>{
                   return response.json();
               }).then((data)=>{
                   res = data;
               })
    }
}

fetchData();

友情链接