Javascript 如何在不知道数据的情况下呈现动态表?使用HTML和JS

Javascript 如何在不知道数据的情况下呈现动态表?使用HTML和JS,javascript,jquery,html,handlebars.js,Javascript,Jquery,Html,Handlebars.js,所谓动态,我的意思是我不知道从ajax响应返回的数据是什么。我设法返回了{name:“value:”“}对以获得一些优势 样本数据: [ [ { "name": "_id", "value": "5a32391133425e1f5436161b" }, { "name": "Issue", "value": "Splash Screen Animations" }, { "name": "St

所谓动态,我的意思是我不知道从ajax响应返回的数据是什么。我设法返回了
{name:“value:”“}
对以获得一些优势

样本数据:

[
  [
    {
      "name": "_id",
      "value": "5a32391133425e1f5436161b"
    },
    {
      "name": "Issue",
      "value": "Splash Screen Animations"
    },
    {
      "name": "Status",
      "value": "Done"
    },
    {
      "name": "Comment",
      "value": "The animation must be the same as ios"
    }
  ],
  [
    {
      "name": "_id",
      "value": "5a32391133425e1f5436161c"
    },
    {
      "name": "Issue",
      "value": "Live Streaming Title and Image"
    },
    {
      "name": "Status",
      "value": "Done"
    },
    {
      "name": "Comment",
      "value": "asdasd"
    }
  ],
]
那么如何在表格或把手模板中呈现这些数据呢?。知道名称应该在
中,而值应该在

我还成功地将响应数据分离到单独的数组(头和数据)中,因此可以按如下方式呈现该表


{{{#每个头}}
{{this}}
{{/每个}}
{{{#每个数据}
{{{#每个这个}
{{this}}
{{/每个}}
{{/每个}}

请注意:我要寻找的答案不是特定于车把的,html/js应该足够了。

您没有向我们展示您分离的数据的外观(
标题和
数据),但很有可能,您只需在身体细胞输出中添加缺少的
.value
引用即可获得想要的结果:

{{#each this}}
    <td>{{this.value}}</td>
{{/each}}
这个模板唯一有趣的部分是助手的使用。这用于获取数据对象中的第一个数组——第一个“行”——用于填充列标题

同样,只有当数据的结构使每一行具有相同的columns对象,并且这些对象的顺序相同时,这才有效。如果您的数据不太可预测,则需要更复杂的解决方案。如有必要,我可以提供


我已经创建了一个供您参考的文件。

您没有向我们展示您分离的数据的外观(
标题和
数据),但是您很可能只需在身体细胞输出中添加缺少的
.value
参考即可获得您想要的结果:

{{#each this}}
    <td>{{this.value}}</td>
{{/each}}
这个模板唯一有趣的部分是助手的使用。这用于获取数据对象中的第一个数组——第一个“行”——用于填充列标题

同样,只有当数据的结构使每一行具有相同的columns对象,并且这些对象的顺序相同时,这才有效。如果您的数据不太可预测,则需要更复杂的解决方案。如有必要,我可以提供


我已经创建了一个供您参考的文档。

有什么问题吗?一般来说,响应
数据
应该有一个长度,以便通过您使用的模板或技术支持的任何循环方式,长度将是表的行数。问题是什么?通常,响应
数据
应该有一个长度,以便通过模板或所用技术支持的任何循环方式,该长度将是表的行数。