如何使用来自 MYSQL 的 Node JS 更新 HTML

Question

问题

如何通过节点 JS 更改文件中的 HTML 数据我没有使用 EJS 或任何视图引擎我有一个视图文件夹，其中所有文件都是 .js 文件返回 HTML例如，如果我有

，我如何更改选择 MYSQL 数据的节点服务器的数据

我试过使用 res.send 但它改变了整个文件我怎么能改变例如关于页面 /aboutus

<h1 id='name'></h1>

如何从服务器添加数据来编辑该文件？谢谢

对于那些不太明白我在说什么的人，我有一个服务器端，用于检索 html 名称，例如 david，我有一个包含 js 文件的视图文件夹，例如 home.js returns html 值到 index.html 文件我想像上面的代码一样更改 html 中的标题标签我想放置 'David'在 h1 标签中

Answer 1

我没能完全理解你想做什么... 但我相信无论如何要创建动态客户端服务器基础结构，您可以使用两种方法：

通过创建一个端点，该端点 return 以 json 或 xml 格式从数据库中获取数据，并用真实数据替换您的 DOM 元素

示例：

Express 后端示例


app.get('/api/user', async function(req, res) {
 const userdata = await getUserData()
  res.send(JSON.stringify(userdata));
});

前端示例：

fetch('http://MYAPI.com/api/user')
  .then(response => response.json())
  .then(data =>{
    document.getElementById("username").innerHTML = data.username;
    document.getElementById("email").innerHTML = data.email;
});

通过将您的 html 文件转换为 handlebars（例如）并用真实数据替换 handlebars 标签，然后 return html 就可以渲染了。

如何使用来自 MYSQL 的 Node JS 更新 HTML

How to Update HTML using Node JS from MYSQL

javascript

mysql

node.js

express

web