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



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

我遇到的问题是我如何使用这个结果变量来添加元素表在html文件动态(因为数组大小每次变化)

方法我使用

  1. 我创建了table.html和table.js,它们链接在同一个html文件中。但是当表。html作为响应发送的html文件和表。js文件是在客户端呈现,不能传递的结果值,我从服务器得到的表。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只是想知道如果这工作,然后我可以创建表

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

最新更新