javascript - 显示基于输入值的数据

Question

我想根据输入的值显示来自 API 的数据，但在我在输入框中键入内容之前，它会在我键入后立即读取框中的值(在本例中为未定义，因为我还没有输入任何内容)。

这是我尝试做的:

fetch("https://covid-19-coronavirus-statistics.p.rapidapi.com/v1/stats?country=" +
    countryInput.value, {
      "method": "GET",
      "headers": {
        "x-rapidapi-host": "covid-19-coronavirus-statistics.p.rapidapi.com",
        "x-rapidapi-key": "20438f9eb4mshb2a68ca50196b46p1d55a5jsn2dbdc2b012cd"
      }
    })
  .then(response => {
    return response.json();
  })
  .then(data => {

      countryInput = inputElement.value

(代码继续)

Answer 1

在 Javascript 中，当您想要执行某些操作时发生其他事情(例如，当输入更改时)，您必须使用事件监听器。特别是对于当输入值更改时触发 AJAX 请求的情况，您可能需要监听“模糊”或“更改”事件。

全面解释事件和事件监听器的工作原理超出了 Stack Overflow 答案的范围，但请参阅 https://developer.mozilla.org/en-US/docs/Learn/JavaScript/Building_blocks/Events以获得完整的解释。