如何在给定JavaScript代码中通过ID实现页面间参数传递？

嘿，这事儿不难，我帮你一步步改好现有代码，实现点击行传递员工ID到详情页的功能：

第一步：确保你的表格行带有ID标识 #

首先得让每个可点击的行（<tr>）能被JS获取到对应的员工ID，最常用的方式是给<tr>添加data-id属性，比如后端渲染表格时：

<tbody id="employee-click">
  <!-- 假设这是后端循环生成的行 -->
  <tr data-id="1">
    <td>张三</td>
    <td>技术部</td>
  </tr>
  <tr data-id="2">
    <td>李四</td>
    <td>市场部</td>
  </tr>
</tbody>

如果是前端动态生成的行，也要记得给每个<tr>设置data-id属性哦。

第二步：修改JS函数，添加参数传递逻辑 #

你现有的代码只实现了跳转，现在我们要在点击时获取ID，拼到跳转URL里：

function addRowHandlers() {
  // 获取目标tbody
  var tbody = $("#employee-click");
  // 给tbody里的每一行绑定点击事件（修正原代码遍历逻辑，聚焦到行元素）
  tbody.find('tr').each(function() {
    $(this).on('click', function() {
      // 获取当前行的ID
      var employeeId = $(this).data('id');
      // 检查ID是否存在，避免无效跳转
      if (employeeId) {
        // 把ID作为查询参数拼到URL后
        window.location.href = "detail.php?id=" + employeeId;
      } else {
        console.log("未找到员工ID");
      }
    });
  });
}

第三步：在detail.php中接收ID #

跳转已经带参数了，你还需要在detail.php里获取这个ID来查询详情，比如用PHP的话：

<?php
// 获取URL中的ID参数，记得做安全校验
$employeeId = isset($_GET['id']) ? intval($_GET['id']) : 0;
// 然后用这个ID去数据库查询对应的员工信息
// ...
?>

补充说明 #

• 如果你的ID不是存在data-id里，而是在某个<td>的内容里（比如第一个td就是ID），也可以这样获取：var employeeId = $(this).find('td:first').text();，不过用data-*属性更规范。
• 记得对传递的ID做校验，避免恶意参数注入哦。

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