javascript - 如何在 GET 请求完成将文​​本加载到 HTML 之前暂停执行？

Question

fetch("/text").then(function(response){                     
    response.text().then(function(text){                    
        addWords(text.split(" "))                           
    })                                                      
})                                                          
                                       
words = document.getElementById("parent").children;

我使用 fetch 发出 GET 请求，然后调用一个函数 (addWords(text.split(" ")))，它只是将文本数组作为参数并将该文本放入具有“父母”的ID。

但是，紧接着，当我尝试选择所述父 div 的子级时，我收到以下错误。似乎问题是当我尝试抓取它们时元素没有加载到“父级”中。

在尝试抓取它之前，如何暂停执行，直到文本完全加载？

图片：浏览器错误信息

标签： javascriptdomfetchclient

Answer 1

您可以使用 Async/Await 构造而不是 Promise 来获取响应。得到响应后，您可以做任何您需要的事情。