如何在PHP中获取onclick传递的ID（不显示在URL中）

你的核心需求是在跳转页面时传递ID，但不在URL中显示，这时候不能用常规的window.location.href（GET请求），而是需要通过POST请求来传递参数。下面是具体实现步骤：

1. 修正HTML元素的属性（规范传递ID） #

首先，<h1>标签本身不支持value属性，建议用HTML5的data-*自定义属性来存储ID，这样更符合标准：

<h1 onclick="ContentPage(this.dataset.id)" data-id='<?php echo $id; ?>'><?php echo $title; ?></h1>

2. 编写JavaScript的跳转函数（创建隐藏表单提交） #

把原来的ContentPage函数改成创建一个隐藏的表单，用POST方式提交到目标PHP页面，这样ID就会在请求体中传递，不会出现在URL里：

function ContentPage(itemId) {
  // 1. 创建一个隐藏的表单元素
  const submitForm = document.createElement('form');
  submitForm.method = 'POST'; // 关键：用POST方法传递参数
  submitForm.action = 'target_page.php'; // 替换成你的目标PHP页面路径

  // 2. 创建隐藏的input字段，用来存放ID
  const idInput = document.createElement('input');
  idInput.type = 'hidden';
  idInput.name = 'target_id'; // 这个name是PHP中获取参数的键名
  idInput.value = itemId;

  // 3. 将input加入表单，然后提交表单
  submitForm.appendChild(idInput);
  document.body.appendChild(submitForm);
  submitForm.submit();
}

3. 在PHP页面中获取ID并查询数据 #

在你的目标PHP页面（比如target_page.php）中，通过$_POST数组获取传递的ID，同时一定要注意防止SQL注入，用预处理语句执行查询：

<?php
// 检查是否有合法的POST参数
if (isset($_POST['target_id']) && is_numeric($_POST['target_id'])) {
  $targetId = $_POST['target_id'];

  // 示例：用PDO连接数据库并执行预处理查询（推荐用PDO或mysqli预处理）
  try {
    $pdo = new PDO('mysql:host=localhost;dbname=your_database', 'your_username', 'your_password');
    $pdo->setAttribute(PDO::ATTR_ERRMODE, PDO::ERRMODE_EXCEPTION);

    // 预处理语句避免SQL注入
    $stmt = $pdo->prepare("SELECT * FROM your_table WHERE id = ?");
    $stmt->execute([$targetId]);
    $content = $stmt->fetch(PDO::FETCH_ASSOC);

    // 展示查询到的数据
    if ($content) {
      echo "<h2>{$content['title']}</h2>";
      echo "<div>{$content['content']}</div>";
    } else {
      echo "未找到对应内容";
    }
  } catch(PDOException $e) {
    echo "数据库错误: " . $e->getMessage();
  }
} else {
  echo "无效的请求参数";
}
?>

关键注意事项 #

• 为什么不用AJAX？：如果你的需求是跳转到新页面展示数据，表单提交是最直接的方式；如果是在当前页面加载内容，才适合用AJAX。
• SQL注入防护：绝对不要直接把$_POST['target_id']拼进SQL语句，预处理语句是必须的，上面的示例用了PDO，你也可以用mysqli的预处理方式。
• 属性规范：始终用data-*属性存储自定义数据，不要给非表单元素用value属性，避免浏览器解析异常。

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