PHP Session存储接收者致多标签页聊天显示异常问题求助

嘿，这个问题我太熟悉了——同一浏览器的Session是全局共享的，所以用$_SESSION['receiver_user']存当前聊天对象，肯定会出现多标签页互相覆盖的情况。下面给你几个实用的解决方案：

方案一：用URL参数传递接收者ID（最推荐） #

既然Session是全局的，那咱们就不用它存当前聊天对象，改用URL参数来区分每个对话。比如每个聊天页面的URL设计成：

chat.php?receiver=B

这样每个标签页的URL都带着当前聊天对象的ID，完全独立。

修改步骤： #

1. 前端打开聊天窗口时，把接收者ID拼到URL里，比如点击用户B的头像时，跳转至chat.php?receiver=B。
2. AJAX请求聊天内容时，把URL里的receiver参数带过去：

// 从URL获取接收者ID
const receiver = new URLSearchParams(window.location.search).get('receiver');
// 发送AJAX请求
$.ajax({
  url: 'load_chats.php',
  method: 'GET',
  data: { receiver: receiver },
  success: function(response) {
    // 渲染聊天内容
    $('#chat-container').html(response);
  }
});

3. 后端load_chats.php里直接从$_GET获取接收者，不再依赖Session：

<?php
session_start();
$user = $_SESSION['user'];
// 从GET参数获取接收者，记得做安全校验
$receiver_user = isset($_GET['receiver']) ? $_GET['receiver'] : '';

// 重点：用预处理语句防止SQL注入！
$stmt = mysqli_prepare($con, "SELECT * FROM pm WHERE (sender=? AND receiver=?) OR (receiver=? AND sender=?) ORDER BY timestamp DESC");
mysqli_stmt_bind_param($stmt, "ssss", $user, $receiver_user, $user, $receiver_user);
mysqli_stmt_execute($stmt);
$result = mysqli_stmt_get_result($stmt);

if(mysqli_num_rows($result) > 0){
  while($m_row = mysqli_fetch_assoc($result)){
    $message = $m_row['message'];
    $user1 = $m_row['sender'];
    $time = $m_row['timestamp'];
    if($user1 == $user){
?>
<li class="chat1"><h5><?php echo $us_name; ?>: <b><?php echo $message; ?></b></h5></li>
<?php
    } else {
?>
<li class="chat2"><h5><?php echo $receiver_name ; ?>: <b><?php echo $message; ?></b></h5></li>
<?php
    }
  }
}
?>

这个方案的好处是直观，用户刷新页面也不会丢失当前对话，完全符合HTTP无状态的设计理念。

方案二：用SessionStorage存储当前标签页的接收者 #

如果不想修改URL，可以用SessionStorage——它是浏览器为每个标签页单独维护的存储，标签页关闭后数据就会消失，刚好适合存储当前标签页的聊天对象。

修改步骤： #

1. 打开聊天窗口时，把接收者ID存入SessionStorage：

// 比如点击用户B的头像时
sessionStorage.setItem('currentReceiver', 'B');

2. AJAX请求时，从SessionStorage读取接收者ID并传递：

const receiver = sessionStorage.getItem('currentReceiver');
$.ajax({
  url: 'load_chats.php',
  method: 'POST',
  data: { receiver: receiver },
  success: function(response) {
    $('#chat-container').html(response);
  }
});

3. 后端同样从$_POST（或$_GET）获取接收者，逻辑和方案一一致。

这个方案适合不想暴露URL参数的场景，但要注意：如果用户复制标签页，SessionStorage的内容会被复制过去，不过一般聊天场景下这个影响不大。

额外提醒：修复SQL注入漏洞 #

你原来的代码直接把Session变量拼进SQL语句里，存在严重的SQL注入风险！上面的方案里我已经改成了mysqli预处理语句，一定要用这种方式来处理数据库查询，避免被攻击。

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