使用 JSON 数据迭代 table <tr>

Question

我想使用 JSON 数据迭代 table。我的 JS 函数 return result JSON。我想在 tr 中打印它的值。我在下面提到了代码。

尝试过Table:

<table>
  <tbody>
    {{#each result}}
       <tr>
          <td>{{this.currency_name}}</td>
          <td>{{this.rate}}</td>
       </tr>
    {{/each}}
  </tbody>
</table>

但是我上面试过的代码不起作用。它没有打印任何东西。我该如何解决这个问题？谢谢。

Answer 1

我下面的代码就是您要找的。我正在使用 foreach 循环到你的数组对象持有者，它是 result。我希望这能帮到您。谢谢

HTML

<table id="table_id">
  <tbody>

  </tbody>
</table>

JS

    $('#table_id tbody tr').remove();

    result.forEach(
           item => insert_items(item.currency_name,item.rate)
    );

    function insert_items(currency_name,rate){

             var summary_table = '<tr id="">'+     
                                      '<td>'+currency_name+'</td>'+                          
                                      '<td>'+rate+'</td>'+
                                  '</tr>';

             $("#table_id tbody").prepend(summary_table);

    }

使用 JSON 数据迭代 table <tr>

Iterate table <tr> using JSON data

javascript

json

handlebars.js