[英]Having trouble appending javascript into my html
好的,所以我试图从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)
})
我没主意了。 我意识到在其他地方可能有一个小问题,但我没有看到这可能是其根源。 非常感谢任何可以帮助我解决此问题的人。
"results"
必须用常规javascript引号引起来,对于jquery,您已经对结果变量进行了除名处理。
var theDiv = document.getElementById("results");
theDiv.innerHTML += info;
$('#myBtn').click(function(){
results.append(info)
})
另外,由于要在文档准备调用之外声明结果,因此必须确保html位于javascript之前。
<script>
var form = $('#search');
var input = $('#search-keyword');
var results = $('#results');
$(document).ready(function() {
$("#myBtn").on('click', function() {
var symbol = $("#search-keyword").val();
var resultedData = $.getJSON("http://dev.markitondemand.com/Api/v2/quote/jsonp?symbol=" + symbol + "&callback=?", function(info) {
return info;
});
var resultDiv = document.getElementById("results");
resultDiv.innerHTML += resultedData;
});
});
</script>
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.