Question

我尝试使用JavaScript将JSON对象解析为html表。我找到了几个例子（Q1，Q2以及许多其他JS和表格的例子），但它们都适用于格式化为对象数组（字典）的JSON对象。我正在使用的格式几乎是数组。但是，解析的工作方式完全不同。例如，一个有前途的库，mustache.js严重依赖于标记键，这些标记键成为模板中的变量。我发现使用jQuery生成表格的示例似乎也需要将数据格式化为字典数组。

mustache / jQuery不适合解析像这样的JSON文档吗？如果没有，有关方法的任何建议可以产生干净，快速，可维护的代码吗？（假设：我已经包含了Bootstrap / jQuery，并且任何其他框架必须能够与那些共存。表大小可能是100x100单元的数量级。）

JSON：

{
  "col_hdr": [ "COL1", "COL2", "COL3" ],
  "data": [
    [ "ROW1-COL1", "ROW1-COL2", "ROW1-COL3" ],
    [ "ROW2-COL1", "ROW2-COL2", "ROW2-COL3" ]
  ]
}

使用JavaScript我想在HTML中使用它：

<table id="my_table">
      <thead>
        <tr>
          <th>COL1</th>
          <th>COL2</th>
          <th>COL3</th>
        </tr>
      </thead>
      <tbody>
        <tr>
          <td>ROW1-COL1</td>
          <td>ROW1-COL1</td>
          <td>ROW1-COL1</td>
        </tr>
        <tr>
          <td>ROW2-COL2</td>
          <td>ROW2-COL2</td>
          <td>ROW2-COL2</td>
        </tr>
        <tr>
          <td>ROW3-COL3</td>
          <td>ROW3-COL3</td>
          <td>ROW3-COL3</td>
        </tr>
      </tbody>
    </table>

使用模板（HTML）从JSON创建动态表

0 个答案: