点击按钮后PHP页面无法自动刷新，如何实现更新或仅检测SESSION变化？

嘿，这个问题我熟，给你两种实用方案，看你需求选：

这个是最直接的方式，确保页面能同步session的变化，有两种实现思路：

思路A：在Change.php处理完后跳转回原页面 #

在你的Change.php脚本最后，处理完$_SESSION['ShowGenerated']的赋值后，直接跳回当前页面（把your_current_page.php换成你实际的页面文件名）：

<?php
// 这里是你生成$_SESSION['ShowGenerated']的代码
// ...

// 处理完后跳转回原页面
header("Location: your_current_page.php");
exit;

这样用户点击按钮后，新窗口打开Change.php处理逻辑，处理完自动跳转回原页面，页面会重新加载，自然就能看到session变化后的样式了。

思路B：前端点击时触发页面刷新 #

如果不想修改Change.php，也可以在按钮的点击事件里加一段JS，等新窗口打开后刷新当前页面：

<button id="pdf" name="Change" class="btn btn-primary" onclick="openChangePageAndRefresh();">
  <i class="change-a" aria-hidden="true"></i>Click Here
</button>

<script>
function openChangePageAndRefresh() {
  // 打开新窗口处理Change.php
  window.open('Change.php', '_blank');
  // 加个小延迟，确保session已经更新完成再刷新
  setTimeout(() => {
    window.location.reload();
  }, 500);
}
</script>

如果不想刷整个页面，那用AJAX异步请求来检测session变化是最佳选择，步骤如下：

第一步：写一个检测session的接口文件 #

新建一个check_session.php，用来返回当前session的状态：

<?php
session_start();
// 返回当前的ShowGenerated值，默认给hidden
echo $_SESSION['ShowGenerated'] ?? 'hidden';
?>

第二步：前端用JS定时检查并更新样式 #

用原生JavaScript实现的话，给按钮绑定点击事件，打开新窗口后定时请求接口，更新元素的class：

<script>
document.getElementById('pdf').addEventListener('click', function() {
  // 打开新窗口处理逻辑
  window.open('Change.php', '_blank');
  
  // 每秒检查一次session状态
  const checkInterval = setInterval(() => {
    fetch('check_session.php')
      .then(response => response.text())
      .then(status => {
        const targetLink = document.querySelector('a[href="Change.php"]');
        // 根据返回的状态切换class
        if (status === 'visible') {
          targetLink.classList.remove('hidden');
          targetLink.classList.add('show');
          clearInterval(checkInterval); // 拿到更新后就停止检查，节省资源
        } else if (status === 'hidden') {
          targetLink.classList.remove('show');
          targetLink.classList.add('hidden');
        }
      })
      .catch(error => {
        console.error('检查session时出错了:', error);
        clearInterval(checkInterval); // 出错也停止检查
      });
  }, 1000);
});
</script>

（可选）用jQuery实现更简洁的代码 #

如果你的项目已经引入了jQuery，那代码可以简化成这样：

<script>
$('#pdf').click(function() {
  window.open('Change.php', '_blank');
  
  const checkInterval = setInterval(() => {
    $.get('check_session.php', function(status) {
      const $targetLink = $('a[href="Change.php"]');
      if (status === 'visible') {
        $targetLink.removeClass('hidden').addClass('show');
        clearInterval(checkInterval);
      } else {
        $targetLink.removeClass('show').addClass('hidden');
      }
    });
  }, 1000);
});
</script>

小提示： #

• 定时器的间隔可以根据你的实际需求调整，比如500毫秒一次会更灵敏，但也别太频繁，避免服务器压力。
• 一定要记得清理定时器，不然会一直请求接口浪费资源。

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