2014-09-22 3 views
0

Я хочу сделать что-то, что кажется достаточно простым, но я очень много борюсь (я новичок в Javascript).получить значение от api и отобразить его с помощью javascript

Я хочу получить информацию об этой странице https://blockchain.info/q/24hrprice (биткойн api по сегодняшней цене). Я хочу поместить это в переменную javascript, а затем отобразить ее на моей веб-странице.

Вот что я получил до сих пор:

<input type="text" id="mytext"> 

<script> 
var test = $.getJSON("https://blockchain.info/q/24hrprice"); 
var todayvalue = test.done(function(response) { console.log(response); }); 
document.getElementById("mytext").value = todayvalue; 
</script> 

Если я просматриваю консоль, значение найдено, и нет никакого сообщения об ошибке, но все это я получаю на моем веб-странице коробочка с [объект Object] и ничего в нем.

Вы, ребята, знаете, что я делаю неправильно?

Благодаря кучу

+1

написать строку 'document.getElementById («MyText») значение = ответа;' внутри функции обратного вызова – Sunand

+0

Вы забываете, что ваш вызов Ajax является асинхронной. См. Соответствующий ответ здесь: http://stackoverflow.com/a/14220323/361762 – dave

+0

Возможный дубликат [Как вернуть ответ от вызова Ajax?] (Http://stackoverflow.com/questions/14220321/how-to -return-the-response-from-a-ajax-call) – dave

ответ

1

Вы хотите положить document.getElementById("mytext").value = response; в вашем успехе обратного вызова.

var promise = $.getJSON("https://blockchain.info/q/24hrprice"); 

promise.done(function(todayValue) { 
    console.log(todayValue); 
    document.getElementById("mytext").value = todayValue; 
}); 
0

$.getJSON()$.getJSON.load()) возвращает jqXHR объект, который является то, что вы получите в вашей todayvalue Название переменной.

Доступ ответ делается в обратном вызове из $.getJSON()

И так как вы уже загружены JQuery, придерживаться этого. Вот и пример того, что вы, вероятно, хотите сделать:.

$.getJSON("https://blockchain.info/q/24hrprice", function(response){ 
     $("#mytext").val(response); 
    }); 
Смежные вопросы