显示从 JSON 到 HTML 表的数据答案

【问题标题】：Show Data From JSON to HTML Table显示从 JSON 到 HTML 表的数据
【发布时间】：2019-07-04 18:58:23
【问题描述】：

我想将 API JSON 中的数据显示到 html 表中

这是链接

https://openexchangerates.org/api/latest.json?app_id=c8e005009e5946f58356aa9a5fa7f5dd

<html>
<body>
<table>
  <thead>
    <tr>
      <th>Currency</th>
      <th>Value</th>
      <th>selling rate</th>
      <th>buying rate</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>data from api</td>
      <td>data from api</td>
    </tr>
  </tbody>
</body>
</html>

我只想知道如何从 API 获取数据

谢谢

【问题讨论】：

您可以使用“jquery and parse JSON data”关键字从google搜索示例代码。
欢迎来到 StackOverflow。请看How to Ask page也许你会得到更多答案...

标签： javascript html json api

【解决方案1】：

没有 Jquery： https://blog.garstasio.com/you-dont-need-jquery/ajax/

使用 Jquery： How to parse JSON data with jQuery / JavaScript?

【讨论】：

【解决方案2】：

使用上述 API 进行 ajax 调用

$.ajax({
    type: "Get",
    url: 'https://openexchangerates.org/api/latest.jso',
    data: {app_id:c8e005009e5946f58356aa9a5fa7f5dd}
    success:function(data){
            //do something like this
            var tbody_str="";
            $(data.rates).each(function(key,value){
               tbody_str = tbody_str + "<tr><td> data.key</td><td>data.value</td></tr>
   });
});

如果您使用的是简单的 jquery。所以我更喜欢将你的表格构造为字符串并将其附加到表格主体。

【讨论】：