javascript - 将 javascript 附加到我的 html 中时遇到问题

Question

好的，我正在尝试从 api 中提取一些数据。我遇到的问题是，我能够找到我正在寻找的信息，但无法将该信息从控制台中获取到我的主 index.html 页面上。

这是我的 JS 代码

var form = $('#search');
var input = $('#search-keyword');
var results = $('#results');

$(document).ready(function() {
  $("#myBtn").on('click', function() {
    var symbol = $("#search-keyword").val();
    $.getJSON("http://dev.markitondemand.com/Api/v2/quote/jsonp?symbol=" + symbol + "&callback=?", function(info) {
        console.log(info);
    });
  });
});

这是我的 html 代码

<div id="search">
  <h1>API Test</h1>
  <input type="search" id="search-keyword">
  <button id="myBtn">Try it</button>
</div>
<div id="results"></div>

通过这样做，我几乎能够得到我想要的东西。但是我无法将数据从控制台获取到实际页面。

我尝试过appendChild

var bob = document.getElementById(results);
var content = document.createTextNode(info);
bob.appendChild(info);

我尝试过innerHTML

var theDiv = document.getElementById(results);
theDiv.innerHTML += info; 

..我已经尝试过.append()

$('#myBtn').click(function() {
  $(results).append(info) 
})

我没主意了。我意识到我可能在其他地方遇到了一个我没有看到的小问题，这可能是问题的根源。非常感谢任何可以帮助我解决这个问题的人。

Answer 1

“results” 需要用常规 javascript 放在引号中，对于 jquery，您已经对结果变量进行了标记。

var theDiv = document.getElementById("results");
theDiv.innerHTML += info; 

$('#myBtn').click(function(){
  results.append(info) 
})

此外，由于您是在文档就绪调用之外声明结果，因此您必须确保 html 位于 javascript 之前。