在提取异步加载我的数据时,如何在Javascript中添加微调框? [重复]

早上好, 我的js文件中有一个fetch async函数,用于将ajax成员调用到政府表中。 我想在加载数据时添加一个微调器,并且我想在微调器(ajax)工作时隐藏表标题和下拉菜单以及复选框。 我没有使用任何框架,只是js vanilla。我是学生,因此无法使用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"
}
评论
  • 咱,乖乖
    咱,乖乖 回复

    You can achieve this by setting innerHTML of your element - note that the setTimeout is just used to "mock" your async request here. Of course you'd need something like

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

    以下是代码段:

    document.getElementById('load').addEventListener('click', function () {
      document.getElementById('content').innerHTML = '...'
      setTimeout(function () {
        document.getElementById('content').innerHTML = 'content loaded!'
      }, 2000)
    })
    <div id="content"></div>
    <button id="load">load</button>