如何将数据从 * .ejs 文件传输到 app.js 并处理 app.js 文件上 HTML 标记的点击事件答案

【问题标题】：How to transfer data from * .ejs file to app.js and handle click event on HTML tag on app.js file如何将数据从 * .ejs 文件传输到 app.js 并处理 app.js 文件上 HTML 标记的点击事件
【发布时间】：2020-06-17 19:02:09
【问题描述】：

我正在学习 Node.js、EJS、MongoDB、Mongoose 和 Express，因此我决定构建一个小型应用程序来应用我所学的知识。您可以在此链接中关注我的项目详细信息：https://codesandbox.io/s/ecstatic-lichterman-w7fgg（非常抱歉，因为我的项目在此页面上不起作用，我只是在这里发布，以便您最准确地了解我的项目，因为我是在我的计算机上编码的）

这是我的应用程序在本地运行时拍摄的图像：

我希望当我点击 Delete 时，它会擦除整个 'Tiếng anh Sơ cấp' 区域，在 views/home.ejs 文件中，从第 13 行到第 17 行，我是这样构建的：@987654323 @ 现在我真的不知道如何将数据从这个 home.ejs 文件传输到 app.js 以及如何捕获这个锚标记上的点击事件。请帮帮我，非常感谢！

【问题讨论】：

标签： javascript node.js express mongoose ejs

【解决方案1】：

我认为您应该在您的 app.js 文件中添加此删除方法，然后在您的 ejs 模板文件中将该 URL 添加到带有 id 的锚标记中，您可以使用 app.js 文件中的 req.params.id 获取该 id

//.ejs file
<a class="dropdown-item" href="/delete/any_id">Delete</a>

//app.js
app.get('/delete:id', (req, res) => {
   console.log(req.params.id);
   // Add your delete functionality here using this id
})

【讨论】：