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

Question

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

的响应发送

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

我使用的方法

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

如果有人能帮我展示一下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 只是想知道这是否有效然后我可以创建 table

Answer 1

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

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

Send data as a response from nodejs server to html page so display it in table format

html

javascript

frontend

html-table

node.js