fetch async加载数据时，如何在Javascript中添加微调器？

早上好， 我在js文件中有一个fetch async函数，用于将ajax成员调用到政府表中。 我想在加载数据时添加一个微调器，还想在微调器ajax工作时隐藏表标题和下拉菜单以及复选框。 我没有使用任何框架，只是使用js。我是一名学生，我不能使用jquery进行此操作。 我有微调器，但当数据出现在表上时，它不会消失。 非常感谢你

async function getData(chamber) {
  members = await fetch(`https://api.propublica.org/congress/v1/113/${chamber}/members.json`, {
      method: "GET",
      headers: new Headers({
        'X-API-Key': 'iv8LMc9T9sQKOc0EfDC1NLtQU68pFsF6O6W3NPJz'
      })
    })

    .then(response => response.json())
    .then(data => data.results[0].members)
    .catch(err => console.log(err))
  webLogic(chamber);
  document.getElementsById("loader").style.display = "none"
}

---

您可以通过设置元素的innerHTML来实现这一点——注意，setTimeout只是用来模拟您的异步请求。当然你需要这样的东西

.then((resolvedData) => document.getElementById('myDiv').innerHTML = resolvedData)

下面是代码片段：

document.getElementById'load'。addEventListener'click'，函数{ document.getElementById'content'.innerHTML='…' setTimeoutfunction{ document.getElementById'content'。innerHTML='content loaded！' }, 2000 }

---

load您可以通过设置元素的innerHTML来实现这一点-注意，setTimeout只是用来模拟异步请求。当然你需要这样的东西

.then((resolvedData) => document.getElementById('myDiv').innerHTML = resolvedData)

下面是代码片段：

document.getElementById'load'。addEventListener'click'，函数{ document.getElementById'content'.innerHTML='…' setTimeoutfunction{ document.getElementById'content'。innerHTML='content loaded！' }, 2000 }

---

Load虽然标记的链接使用jQuery，但基本逻辑仍然相同，我如何将其放入具有js语法的fetch-await函数中？使用async/await或use。然后，尽管标记的链接使用jQuery，但基本逻辑仍然相同，我如何将其放入具有js语法的fetch-await函数中？使用async/await或use。很抱歉，我不明白。第一行代码可以工作，但它显示了表的标题，然后就不显示了。你不明白什么？相关部分是document.getElementById'content'。innerHTML='content-loaded！'一旦请求得到解决，就必须执行该命令。-当然，innerHTML应该是承诺解决之前的微调器。对不起，我不明白。第一行代码可以工作，但它显示了表的标题，然后就消失了。你不明白什么？相关部分是document.getElementById'content'。innerHTML='content-loaded！'一旦请求得到解决，就必须执行该命令。-当然，在承诺得到解决之前，innerHTML应该是微调器