如何通过Ajax将userid与toggle状态一同传递至active.php？

看起来你已经搞定了开关状态的提交，现在就差把userid也捎带过去了对吧？这里有几个简单靠谱的方案，根据你的实际场景选就行：

方案1：添加隐藏输入字段（最省心的表单提交方式） #

如果你的开关和userid输入框本身就在同一个<form>标签里，直接加个隐藏域把userid存进去就行，表单提交的时候会自动把这个参数一起发给active.php：

<!-- 把这个放在你的form标签内部，$userid是你已经拿到的用户ID变量 -->
<input type="hidden" name="userid" value="<?php echo htmlspecialchars($userid); ?>">

然后在active.php里直接用$_POST['userid']就能拿到值了，和你取mode的方式完全一样。

小贴士：用htmlspecialchars()转义输出是个好习惯，能避免XSS安全问题哦。

方案2：通过AJAX请求携带userid（适合动态切换的场景） #

如果你的开关是用JavaScript监听change事件来异步提交的（比如bootstrap toggle常用这种方式），那就在AJAX请求里额外带上userid参数就行：

第一步：获取userid（两种方式选其一） #

要么把userid存在开关的data属性里，要么直接从页面上的userid输入框取值：

<!-- 方式1：把userid存在开关的data属性里 -->
<input type="checkbox" name="<?php echo 'toggle'.$c;?>" id="<?php echo 'toggle'.$c;?>" 
       data-toggle="toggle" data-off="OFF" data-on="ON"
       data-userid="<?php echo htmlspecialchars($userid); ?>"
       <?php echo $status ? 'checked' : ''; ?>>

<!-- 方式2：页面上已有名为userid的输入字段 -->
<input type="text" name="userid" id="userid" value="<?php echo htmlspecialchars($userid); ?>">

第二步：修改AJAX请求代码 #

在监听开关变化的JS里，把userid加到请求参数中：

$('input[data-toggle="toggle"]').on('change', function() {
    // 获取开关状态（根据你的业务逻辑调整mode的值）
    var mode = $(this).is(':checked') ? 1 : 0;
    // 获取userid：二选一，对应上面的方式
    var userid = $(this).data('userid'); // 对应方式1
    // var userid = $('#userid').val(); // 对应方式2

    // 发送AJAX请求
    $.ajax({
        url: 'active.php',
        type: 'POST',
        data: {
            mode: mode,
            userid: userid // 把userid传过去
        },
        success: function(res) {
            console.log('状态更新完成');
            // 这里可以加成功后的提示或页面更新逻辑
        },
        error: function() {
            console.error('请求失败，请检查');
        }
    });
});

这样active.php里就能同时收到mode和userid两个POST参数了。

注意事项 #

• 如果用表单提交，确保隐藏域和开关在同一个<form>标签内；
• 如果用AJAX，建议用console.log(userid)在浏览器控制台检查值是否正确获取；
• 始终对输出到HTML的变量做转义处理，防止注入攻击。

内容的提问来源于stack exchange，提问作者Patrick Duke Schauer