Coinmarketcap API 不工作答案

【问题标题】：Coinmarketcap API Not WorkingCoinmarketcap API 不工作
【发布时间】：2017-07-16 15:40:48
【问题描述】：

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

【问题讨论】：

当您在问题中说明您遇到错误时，您应该始终包含错误消息的内容，以便人们可以帮助您。话虽如此，我在下面为您添加了答案。

标签： javascript jquery html json api

【解决方案1】：

您的代码有几个问题。首先，您的 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>

【讨论】：

哇！谢谢！效果很好！我想我需要再上一些关于编码的课程！
Rory，如果您想将 my_cell 乘以 10,000，最简单的方法是什么？
price_usd 是一个字符串，因此您需要在乘以之前将其转换为浮点数：$("#my_cell").html(parseFloat(data[i].price_usd) * 10000);