WampServer中AJAX更新PHP会话变量后取值异常问题

问题场景 #

在WampServer环境中，通过AJAX请求更新PHP会话变量后，模态框无法正确读取该变量，导致用户级别查看与修改功能失效。已确认PHP错误日志能正确记录用户名，怀疑是会话或缓存问题，但无法进一步排查。

相关代码片段 #

1. HTML触发元素 #

带data属性存储用户名的图片按钮：

<img class="modal-link editar-usuario-btn" src="../img/pruebas/lapiz.png" alt="Editar" data-nombre-usuario="<?= $usuario['usuario'] ?>">

2. AJAX请求代码 #

点击按钮后发起POST请求更新会话变量：

$('.editar-usuario-btn').on('click', function(e){
    e.preventDefault();
    var nombreUsuario = $(this).data('nombre-usuario');

    $.ajax({
        type: 'POST',
        url: '../scripts/muestra-usuario-seleccionado.php',
        data: { nombreUsuario: nombreUsuario },
        success: function(response) {
            var jsonData = JSON.parse(response);
            if (jsonData.success === 1) {
                console.log('Script executed successfully.');
            }
        },
        error: function(xhr, status, error) {
            console.error('Error in AJAX call:', error);
        }
    });

    $('#edit-user-modal').modal('show');
});

3. PHP会话更新脚本 #

muestra-usuario-seleccionado.php内容：

session_start();

if (isset($_POST['nombreUsuario'])) {
    $_SESSION['usuario-a-editar'] = $_POST['nombreUsuario'];
    echo json_encode(array('success' => 1, 'usuario' => $_SESSION['usuario-a-editar']));
} else {
    echo json_encode(array('success' => 0, 'error' => 'Username not received'));
}

4. 模态框问题代码 #

模态框内尝试读取会话变量$_SESSION['usuario-a-editar']，但取值错误，无法加载对应用户的级别信息：

<!-- Modal 7 - Editar usuario -->
<div class="modal fade" id="edit-user-modal" tabindex="-1" aria-labelledby="edit-user-modal" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="edit-user-modal-title">Opciones de usuario para <span id="usuario-mostrado"></span></h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <div class="modal-body">
                <form method="post" id="cambia-nivel-usuario" class="d-flex flex-column align-items-center mt-3">
                    <input type="hidden" id="nombre-usuario-hidden" value="">
                    <?php echo $_SESSION['usuario-a-editar']?>
                    <div class="table-responsive">
                        <table class="table" style="width: 100%;">
                            <thead>
                                <tr>
                                    <th>Nivel</th>
                                </tr>
                            </thead>
                            <tbody>
                                <?php 
                                    $i = 1;
                                    $niveles = getNivelesMenorQueAdmin($nivelAdmin);
                                    $usuarioNombre = $_SESSION['usuario-a-editar'];
                                    foreach ($niveles as $nivel):     
                                    $nivel = $nivel['nivel'];   
                                ?>
                                <tr>
                                <td><?= $i++ .' '. $nivel ?></td>
                                    <td>
                                        <div class="radio">
                                            <label>
                                            <input type="radio" name="nivel" value="<?= $nivel ?>" <?php if (getNivelPorUsuario($usuarioNombre) == $nivel) echo 'checked'; ?>>
                                            </label>
                                        </div>
                                    </td>
                                </tr>
                                <?php endforeach ?>
                            </tbody>
                        </table>
                    </div>
                    <div class="btn-group mt-3">
                        <button type="submit" class="btn btn-primary rounded" style="width: 155px">Guardar cambios</button>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>
<!-- Modal 7 - Editar usuario -->

核心问题 #

• AJAX请求已成功执行，PHP端能正确接收并设置会话变量，但模态框所在页面读取该变量时取值错误。
• 会话变量值不正确导致无法获取对应用户的级别，无法显示和修改用户级别。

排查与解决步骤 #

• 同步AJAX与模态框显示：AJAX是异步执行的，当前代码会在请求完成前显示模态框，此时会话变量未更新。将模态框显示代码移到AJAX的success回调内：

  success: function(response) {
      var jsonData = JSON.parse(response);
      if (jsonData.success === 1) {
          console.log('Script executed successfully.');
          $('#edit-user-modal').modal('show');
      }
  },
  

• 确保会话初始化一致：模态框所在页面必须在任何输出前调用session_start();，否则无法读取会话变量。

• 禁用页面缓存：浏览器缓存可能导致模态框页面读取旧的会话数据，在页面头部添加缓存禁用头：

  <?php
  session_start();
  header("Cache-Control: no-cache, no-store, must-revalidate");
  header("Pragma: no-cache");
  header("Expires: 0");
  ?>
  

• 绕开会话直接传递数据：将AJAX返回的用户名直接传递给模态框，避免会话问题：

  success: function(response) {
      var jsonData = JSON.parse(response);
      if (jsonData.success === 1) {
          $('#usuario-mostrado').text(jsonData.usuario);
          $('#nombre-usuario-hidden').val(jsonData.usuario);
          $('#edit-user-modal').modal('show');
      }
  },
  

  同时修改模态框内的PHP代码，改为通过前端传递的用户名动态加载级别（或完全前端渲染）。

• 验证会话ID一致性：在AJAX脚本和模态框页面分别输出session_id()，确认两者使用同一个会话ID。如果ID不同，检查WampServer的session.cookie_domain、session.cookie_path配置，确保会话cookie能被共享。

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