将数据作为响应从 nodejs 服务器发送到 html 页面，以便以表格格式显示

Question

我是编程新手，我正在尝试使用 nodejs/expressjs 构建一个 Web 应用程序。 所以基本上在 post 路由上，在后端进行一些处理后，它在结果变量中给出了一个 对象数组，我想使用这个结果变量数据并在 html 文件中构造一个 表 并将这个 table.html 文件作为响应发送给客户端

我遇到的问题是如何使用这个结果变量在html文件中动态添加表格元素（因为数组大小每次都会改变）

我使用的方法

1. 我创建了与同一个 html 文件链接的 table.html 和 table.js。但是当 table.html 作为响应发送时，html 文件和 table.js 文件在客户端呈现并且无法通过我从服务器获得的结果值到该 table.js 文件（我得到一个未定义的文档错误）
2. 我尝试使用 EJS 模板..如何创建一个使用 ejs 变量循环遍历数组数据并显示表的函数..我无法做到

如果有人可以帮我显示result=[{name:'james', id:23},{name:'joe',id:35}] 以 html 文件作为响应

main.js

app.post('/dataTbale',(req,res) => {
  // after some processing i get array of obj that i store in result variable
  const result=[{name:'james', id:23},{name:'joe',id:35}];
  res.send('table.html);
})

table.html

<html>
  <body>
    <h2>table</h2>
    <div id="show_table"></div>
    <script src="table.js"></script>
  </body>
</html>

table.js

const tableDiv=document.queryselector('#show_tabel');

result.forEach((obj) => {  //<==== i want to pass that result data here.
  tableDiv.innerHTML += result;
});

P.S 只是想知道这是否可行，然后我可以创建表

Answer 1

您可以使用类似 (ejs) 的模板引擎或任何其他模板引擎来显示从服务器返回的动态数据，如果您希望在不同的页面中呈现结果，您应该将数据存储在任何像本地存储或数据库这样的存储，以便能够在不同的地方使用它。