javascript - 从 api 获取值并使用 javascript 显示它

Question

我想做一些看起来很简单的事情，但我却很挣扎(我是 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 Object] 的框，其中没有任何内容。

你们知道我做错了什么吗？

非常感谢

Answer 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;
});