如何实现JavaScript先设置Cookie后再由PHP读取对应值

PHP 属于服务端脚本，所有逻辑会在页面内容从服务器返回给浏览器之前就执行完毕；而 JS 是客户端脚本，必须等浏览器接收到页面、解析到对应代码时才会运行。你现有写法的执行顺序永远是「PHP 先执行读 cookie → 页面返回给浏览器 → JS 再请求接口存 cookie」，自然不可能读到还没生成的 cookie。

方案1：JS 设置 cookie 后刷新页面，由二次加载的 PHP 读取 #

首次加载页面时仅执行 JS 拉取接口、存 cookie 的逻辑，存完后主动刷新页面，刷新请求会自动携带刚设置的 cookie，此时服务端 PHP 就能正常读取到对应值。
示例代码如下：

<?php
// 优先判断cookie是否存在，存在则直接处理业务逻辑
if (isset($_COOKIE["testing"])) {
    $testing = $_COOKIE["testing"];
    echo $testing;
} else {
?>
<script>
async function fetchAndSave() {
    // 替换为你的第三方API请求逻辑
    const res = await fetch("你的第三方API地址");
    const a = await res.text();
    // 设置cookie时加path=/确保全站生效，避免路径匹配问题
    document.cookie = "testing=" + a + "; path=/";
    // 存完cookie后刷新页面
    location.reload();
}
fetchAndSave();
</script>
<?php
}
?>

方案2：JS 拿到数据后直接通过 AJAX 传给 PHP 处理 #

如果不想刷新页面，可以不用 cookie 做中转，JS 拿到接口返回值之后直接发请求传给 PHP 后端，拿到处理结果后再渲染到页面即可。
前端页面代码：

<div id="result"></div>
<script>
async function fetchData() {
    // 请求第三方接口拿数据
    const apiRes = await fetch("你的第三方API地址");
    const a = await apiRes.text();
    // 把数据传给PHP后端处理
    const phpRes = await fetch("handle.php", {
        method: "POST",
        headers: {
            "Content-Type": "application/x-www-form-urlencoded"
        },
        body: "testing=" + encodeURIComponent(a)
    });
    const result = await phpRes.text();
    // 渲染PHP返回的结果
    document.getElementById("result").innerText = result;
}
fetchData();
</script>

对应的后端处理文件 handle.php 代码：

<?php
$testing = $_POST["testing"];
// 此处写你的业务逻辑
echo $testing;
?>

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