PHP点击Cookie同意按钮后刷新原页面的问题求助

我有一个Cookie同意链接：

<a href="cookieaccept.php?accept=yes">同意</a>

这个链接指向的cookieaccept.php文件包含以下代码：

<?php 
function goback() { 
    header('Location: ' . $_SERVER['HTTP_REFERER']); 
    exit; 
} 
$option = @$_GET['accept']; 
if(!empty($option)) { // 如果用户传入了值
    if($option== "yes") { 
        setcookie("cookieaccept", "yes", time()+2592000, "/"); 
        goback(); 
    } else if($option=="no") { 
        header('Location: ' . $_SERVER['HTTP_REFERER']); 
        exit; 
    } else { 
        echo "Error... !"; // 如果传入的值不是yes或no
    } 
} else { 
    echo "Error... !"; // 如果没有传入任何值
} 
?>

现在遇到个麻烦：点击“同意”按钮后，页面只是跳回之前的引用页，但我想要的是当前页面直接刷新，而不是单纯返回。我试过用history.back()和刷新相关的操作，但因为逻辑都在单独的PHP文件里，没能实现这个效果。有没有大佬能帮忙解决一下？

给你两个可行的解决方案，按需选择就行 #

方案一：通过URL参数触发前端刷新 #

这个方案不用大改现有逻辑，只需要给跳转的URL加个标记，让前端识别后刷新页面：

1. 先修改cookieaccept.php里的goback函数，支持传入是否需要刷新的参数：

function goback($refresh = false) { 
    $referer = $_SERVER['HTTP_REFERER'];
    if ($refresh) {
        // 给原链接加个refresh参数，用来告诉前端要刷新
        $separator = strpos($referer, '?') !== false ? '&' : '?';
        $referer .= $separator . 'refresh=1';
    }
    header('Location: ' . $referer); 
    exit; 
}

2. 然后在处理yes的分支里，调用goback(true)：

if($option== "yes") { 
    setcookie("cookieaccept", "yes", time()+2592000, "/"); 
    goback(true); // 传入true表示需要刷新页面
}

3. 最后在你的前端页面（也就是用户点击同意的那个页面）加一段JS，检测URL里的refresh参数，如果有就刷新页面，然后把这个参数去掉：

window.addEventListener('load', function() {
    const urlParams = new URLSearchParams(window.location.search);
    if (urlParams.has('refresh')) {
        // 刷新页面，同时移除refresh参数，避免每次加载都刷新
        urlParams.delete('refresh');
        window.location.href = window.location.pathname + (urlParams.toString() ? '?' + urlParams.toString() : '');
    }
});

方案二：用AJAX异步请求（更推荐，无页面跳转） #

这个方法可以让用户点击同意后完全看不到页面跳转，直接在后台完成Cookie设置，然后刷新当前页面，体验更好：

1. 先把原来的链接改成按钮（或者保留链接但阻止默认跳转）：

<!-- 改成按钮的写法 -->
<button id="acceptCookieBtn">同意</button>

<!-- 或者保留链接，阻止默认跳转 -->
<a href="cookieaccept.php?accept=yes" id="acceptCookieLink">同意</a>

2. 然后添加一段JS代码，处理点击事件，发送异步请求：

// 如果是按钮版本
document.getElementById('acceptCookieBtn').addEventListener('click', function() {
    fetch('cookieaccept.php?accept=yes')
        .then(response => {
            if (response.ok) {
                // Cookie设置成功，直接刷新当前页面
                window.location.reload();
            } else {
                alert('操作失败，请重试');
            }
        })
        .catch(error => {
            console.error('请求出错了:', error);
            alert('操作失败，请重试');
        });
});

// 如果是链接版本，需要阻止默认跳转
document.getElementById('acceptCookieLink').addEventListener('click', function(e) {
    e.preventDefault(); // 不让页面跳转到PHP文件
    fetch(this.href)
        .then(response => {
            if (response.ok) {
                window.location.reload();
            } else {
                alert('操作失败，请重试');
            }
        })
        .catch(error => {
            console.error('请求出错了:', error);
            alert('操作失败，请重试');
        });
});

这样处理后，用户点击同意按钮/链接时，后台悄悄完成Cookie设置，然后页面直接刷新，完全没有跳转的生硬感。

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