javascript - Coinmarketcap API 不工作

标签 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>

最佳答案

您的代码有几个问题。首先,你的 JS 缺少结束语 )关于$.get方法。您应该记住正确格式化代码,这样就几乎不可能错过这样的语法错误。其次,td应该包裹在 <tr> 中在 HTML 中。

然而,主要问题是您正在尝试使用 innerHTML当 jQuery 对象没有该属性时。而是使用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>

关于javascript - Coinmarketcap API 不工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45130400/

相关文章:

javascript - 我如何使用 intellij 在 javascript 中更漂亮的模板文字

javascript - 为另一个 HTML 类设置选定选项

javascript - 最简单的 JQuery 验证规则示例

html - 使用 CSS 控制表单的布局

javascript - 使用 Date.UTC 转换时返回日期时间的正确月份

javascript - 如何根据 ID 列表查询 RethinkDB

javascript - 添加本地存储或cookie到JQuery购物车

javascript - 如何让滚动动画发挥作用(轮盘赌)

javascript - 将 JSON 对象相关链接添加到可动态行

jquery - 在 Django 中使用 AJAX/jQuery 删除对象