Question

我想将数据从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获取数据

谢谢

Answer 1

使用以下代码对上述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。因此，我更喜欢将表行构造为字符串并将其附加到表主体。

Answer 2

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

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

显示数据从JSON到HTML表

2 个答案: