Question

早上好，我的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"
}

Answer 1

您可以通过设置元素的innerHTML来实现这一点-请注意，setTimeout仅用于在此处“模拟”您的异步请求。当然，您需要类似

的东西

.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>

在提取异步加载我的数据时，如何在Javascript中添加微调框？

1 个答案: