Возникли проблемы с добавлением javascript в мой 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) 
})

У меня нет идей. Я понимаю, что у меня, вероятно, есть небольшая проблема где-то еще, которую я не вижу, что, вероятно, является корнем этого. Большое спасибо всем, кто может помочь мне с этой проблемой.


javascript api html jquery console.log
person kdweber89    schedule 31.03.2015    source источник

Ответы (1)


arrow_upward
0
arrow_downward

"results" должен быть в кавычках с обычным javascript, а для jquery вы уже декалировали переменную результатов.

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

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

Кроме того, поскольку вы объявляете результаты за пределами вызова готовности вашего документа, вы должны убедиться, что html предшествует javascript.

person whoacowboy    schedule 31.03.2015
comment
Эй, большое спасибо. Я знал, что это что-то незначительное, просто не знал, что это было. Благодарю вас! - person kdweber89; 31.03.2015