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

标签 javascript node.js express mongoose ejs

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

这是我的应用程序在本地运行时拍摄的图像: enter image description here

我希望当我点击删除时,它会删除整个“Tiếng anh Sơ cấp”区域,在views/home.ejs文件中,从第13行到第17行,我构建如下:enter image description here和现在我真的不知道如何将数据从 home.ejs 文件传输到 app.js 以及如何捕获此 anchor 标记上的点击事件。请帮助我,非常感谢!

最佳答案

我认为你应该在你的 app.js 文件中添加这个删除方法,然后在你的 ejs 模板文件中添加带有 id 的 anchor 标记中的 URL,你可以使用 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
})

关于javascript - 如何将数据从 * .ejs 文件传输到 app.js 并处理 app.js 文件上的 HTML 标记上的单击事件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/60540416/

相关文章:

node.js - "this"构建后丢失? (ts/Node/express)

javascript - 等待每个循环

javascript - 如何将枚举数组序列化为 Json 字符串数组?

javascript - 设置基本的 Node.js 服务器

javascript - 代码计算百分比的问题

node.js - 在 node-http-proxy 的中间件中调用异步方法

regex - 使用 Mongoose 从 mongoDB 中进行选择,其中 ObjectId 不等于特定 ID

node.js - 如何解决安装 grunt-contrib-uglify 的错误

node.js - 使用 NodeJS Multer 转换上传

javascript - 添加 Loader 直到 STL 图像加载 PHP