Coinmarketcap API不起作用

时间:2017-07-16 15:40:48

标签: javascript jquery html json api

以下是我为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>

1 个答案:

答案 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>