Question

我正在将api中的数据加载到html表中，并希望使用用户输入字段来更改api调用。

    <input id="stockInput" value="AAPL"></input>
    <br/>
    <button id="submit">Submit</button>


const stocksBody = document.querySelector("#stocks-table > tbody 
#data");
var input = $("#stockInput").val();
var url = "https://api.iextrading.com/1.0//stock";
var quote = "/quote"; 

    function setup() {
      var button = select("#submit");
      button.mousePressed(loadData); 
   }

      function loadData(){
      const request = new XMLHttpRequest();
      request.open("get", url + input.val() + quote);
      request.onload = () => {
        try {
          var response = JSON.parse(request.responseText);
          console.log(response);
          populateData(response);x
        } catch (e) {
            console.warn("Could not load data!");
        }
      };  
      request.send();

我希望用户输入的股票代号可以返回股票数据。

Answer 1

您两次致电.val()。

更改此行：

request.open("get", url + input.val() + quote);
//                             ^^^^^^ - remove

如何使用URL API调用为concat的变量分配输入ID

1 个答案: