以下是我为coinmarketcap.com提供的API。我试图提取当前价格并将其放入表中。由于某种原因,这段代码不起作用,我无法弄清楚错误。非常感谢任何帮助。
<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
</head>
<body>
<table>
<tr>
<th>Coin Price</th>
</tr>
<td id="my_cell"></td>
</table>
<script>
$.get("https://api.coinmarketcap.com/v1/ticker/", function(data, status) {
for (var i = 0; i < data.length - 1; i++) {
if (data[i].id == "pivx") {
$("#my_cell").innerHTML = data[i].price_usd;
}
}
}
</script>
</body>
</html>
答案 0 :(得分:3)
您的代码有几个问题。首先,您的JS错过了)
方法的结束$.get
。您应该记住正确格式化代码,然后几乎不可能错过这样的语法错误。其次,td
应该包含在HTML中的<tr>
。
然而,主要的问题是,当jQuery对象没有该属性时,你试图使用innerHTML
。而是使用html()
,如下所示:
$.get("https://api.coinmarketcap.com/v1/ticker/", function(data, status) {
for (var i = 0; i < data.length - 1; i++) {
if (data[i].id == "pivx") {
$("#my_cell").html(data[i].price_usd);
}
}
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table>
<tr>
<th>Coin Price</th>
</tr>
<tr>
<td id="my_cell"></td>
</tr>
</table>