如何将对象从EJS传递至Node.js路由？MySQL记录编辑问题

看起来你已经搞定了记录遍历展示，卡在了点击跳转时传递单个记录的环节——其实核心思路是通过记录的唯一标识（比如ID）作为路由参数传递，再在路由中根据标识查询完整记录，而不是直接传整个对象（HTTP请求里没法直接传对象哦）。下面一步步来解决：

1. 在EJS中为每条记录生成带ID的跳转链接 #

你需要在遍历记录的循环里，给每条记录的编辑按钮/链接加上包含记录ID的路由地址。比如修改你的EJS代码片段：

<body>
  <div class="container">
    <!-- 遍历所有记录 -->
    <% records.forEach(record => { %>
      <div class="record-card">
        <!-- 展示记录内容 -->
        <p>ID: <%= record.id %></p>
        <p>标题: <%= record.title %></p>
        <!-- 关键：把record.id作为路由参数传递 -->
        <a href="/edit/<%= record.id %>" class="edit-btn">编辑这条记录</a>
      </div>
    <% }) %>
  </div>
</body>

这里的/edit/<%= record.id %>会生成类似/edit/1、/edit/2这样的链接，点击时就把对应记录的ID传给后端路由了。

2. 在routes.js中配置接收ID的编辑路由 #

接下来在你的路由文件里，编写一个带参数的GET路由，捕获URL里的ID，然后去MySQL查询对应的完整记录：

const express = require('express');
const router = express.Router();
// 假设你已经有了MySQL连接实例，比如db
const db = require('./your-db-connection-file');

// 编辑页面路由：接收ID参数
router.get('/edit/:id', (req, res) => {
  const recordId = req.params.id;
  // 编写SQL查询，根据ID获取单个记录
  const query = 'SELECT * FROM your_table_name WHERE id = ?';
  
  db.query(query, [recordId], (err, results) => {
    if (err) {
      console.error('查询记录失败:', err);
      return res.status(500).send('服务器内部错误');
    }
    // 因为ID是唯一主键，results里只会有一条记录
    const targetRecord = results[0];
    if (!targetRecord) {
      return res.status(404).send('该记录不存在');
    }
    // 把查询到的单个记录传给编辑页面的EJS模板
    res.render('edit-page', { record: targetRecord });
  });
});

module.exports = router;

这里通过req.params.id拿到URL里的ID，查询到对应记录后，再把它传给编辑页面的EJS模板，这样编辑页就能拿到完整的记录数据了。

3. 编辑页面（edit-page.ejs）接收并使用记录数据 #

最后在编辑页面的EJS里，直接使用传递过来的record对象填充表单即可：

<body>
  <div class="container">
    <h1>编辑记录</h1>
    <form action="/update/<%= record.id %>" method="POST">
      <div class="form-group">
        <label>ID:</label>
        <input type="text" value="<%= record.id %>" disabled>
      </div>
      <div class="form-group">
        <label>标题:</label>
        <input type="text" name="title" value="<%= record.title %>" required>
      </div>
      <!-- 其他字段同理 -->
      <button type="submit">保存修改</button>
    </form>
  </div>
</body>

关键提醒 #

• 确保你的MySQL表有唯一的id主键字段，这样查询才不会出错；
• 记得处理查询错误和记录不存在的情况，避免给用户显示空白或报错页面；
• 如果不想用GET链接跳转，也可以用隐藏表单字段传递ID，但GET方式对编辑页面来说更直观。

内容的提问来源于stack exchange，提问作者Blake Lewis