使用Ajax传递JavaScript数组到PHP失败，请求排查原因

你的核心问题是异步请求和页面跳转的逻辑冲突：

• $.post是异步AJAX请求，它不会阻塞后续代码执行。你刚发起POST请求，还没等服务器接收处理，window.location.assign就已经触发了页面跳转——这个跳转是全新的GET请求，和之前的POST请求完全无关，所以page2的$_POST必然为空。

下面是几种针对性的解决方案：

方案1：用隐藏表单模拟POST提交（推荐） #

如果需要跳转后直接在page2获取POST数据，最符合HTTP规范的方式是用表单提交：

const liste = document.getElementById('liste');
liste.addEventListener('click', function (event){
    event.preventDefault();
    if (window.location.href == 'https://dom.fr/page1/'){
        // 创建隐藏表单
        const form = document.createElement('form');
        form.method = 'POST';
        form.action = 'https://dom.fr/page2/';
        
        // 把数组元素转为表单字段（PHP识别数组需要用[]后缀）
        categoriesTab.forEach(item => {
            const input = document.createElement('input');
            input.type = 'hidden';
            input.name = 'categoriesActives[]';
            input.value = item;
            form.appendChild(input);
        });
        
        // 提交表单
        document.body.appendChild(form);
        form.submit();
    }
});

这样提交后，page2里的$_POST['categoriesActives']就能直接拿到完整数组，和你原本的PHP代码逻辑完全兼容。

方案2：在AJAX回调中处理跳转（适合需要先处理数据再跳转的场景） #

如果需要先把数据提交到服务器处理（比如存入Session），再跳转到page2读取Session数据，可以把跳转放在AJAX的回调里：

const liste = document.getElementById('liste');
liste.addEventListener('click', function (event){
    event.preventDefault();
    if (window.location.href == 'https://dom.fr/page1/'){
        $.post(
            'page2.php',
            { categoriesActives : categoriesTab }
        ).done(function() {
            // 等待POST请求完成后再跳转
            window.location.assign('https://dom.fr/page2/');
        });
    }
});

注意：这种方式需要修改page2的PHP代码，把接收的POST数据存入Session：

session_start();
$array = [];
if (isset($_POST['categoriesActives'])) {
    $_SESSION['categoriesActives'] = $_POST['categoriesActives'];
    $array = $_POST['categoriesActives'];
} else if(isset($_SESSION['categoriesActives'])){
    $array = $_SESSION['categoriesActives'];
} else {
    $array = ['a', 'z', 'e', 'r'];
}

方案3：GET方式传递（仅适合少量非敏感数据） #

如果数据量小且不敏感，可以把数组转成JSON拼在URL后，用GET方式传递：

window.location.assign(`https://dom.fr/page2/?categoriesActives=${encodeURIComponent(JSON.stringify(categoriesTab))}`);

page2的PHP代码需要解码：

$array = [];
if (isset($_GET['categoriesActives'])) {
    $array = json_decode(urldecode($_GET['categoriesActives']), true);
} else {
    $array = ['a', 'z', 'e', 'r'];
}

这种方式不适合大数据或敏感数据，因为GET参数有长度限制且会暴露在URL中。

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