Node.js - 如何创建 html 表？答案

【问题标题】：Node.js - How to create html tables?Node.js - 如何创建 html 表？
【发布时间】：2020-05-07 22:47:15
【问题描述】：

我正在尝试使用 node.js 创建一个 html 表。我会将 JSON 数据从服务器发送到 HTML 页面。然后我想把这个 JSON 变成一个表格，但我无法在互联网上运行任何方法。

我的问题是这样的：

1- 我的表包含各种 css 类。如何将这些类添加到我将使用 Javascript 创建的表中？

2- 我想使用 PUG、EJS 等模板引擎，但仅用于表格。我可以在普通的 html 页面中嵌入 PUG 或 EJS 代码吗？

简而言之，为 node.js 动态创建表的最简单方法是什么？（不失css设计）

【问题讨论】：

jquery 是一个选项吗？ nodejs 是服务器端，你不能只用它“创建”html 页面。通过AJAX获取JSON并动态创建表。
我认为如果我用 PUG 或 EJS 将表格作为 HTML 页面的一部分，这将是最好的。但如果没有，我想看看你的回答。你能和我分享一个例子吗？

标签： javascript html node.js pug ejs

【解决方案1】：

由于您的问题非常笼统，我假设一些事情并提供解决方案

假设您从服务器获取 json 数组，如下所示

[
 {
  name:'John',
  surname:'Doe',
  age:25
 },
 {
  name:'Jane',
  surname:'War',
  age:21
 },
 {
  name:'Shane',
  surname:'Meyer',
  age:22
 }
]

您的 HTML 如下所示

<table id="my_table">
  <tr>
    <th>Name</th>
    <th>Surname</th>
    <th>Age</th>
  </tr>
</table>

如下编写javascript在表格中添加行

forEach(let row in array) {
  $('#my_table').append(`<tr>
        <td>${row.name}</td>
        <td>${row.surname}</td>
        <td>${row.age}</td>
    </tr>`);
}

【讨论】：