jQuery AJAX切换按钮无法向PHP脚本提交POST参数问题求助

我来帮你搞定这个问题！核心矛盾其实很明确：你的AJAX请求发送的参数名和PHP脚本预期的不匹配，所以才会出现RequestBin能收到数据但PHP处理不了的情况。

问题根源拆解 #

• 你的jQuery代码里，AJAX发送的是value字段，值为pagination或infinite，也就是POST请求的参数是value=pagination或者value=infinite
• 但你的PHP脚本是在检查$_POST['pagination']或$_POST['infinite']是否存在——这两个参数根本没被发送，所以两个分支都不会触发，数据库自然不会更新。

解决方案（两种可选） #

方案一：修改AJAX参数，匹配PHP的预期字段名

直接调整AJAX的data部分，根据切换状态发送对应字段名，让PHP能检测到：

$(document).ready(function() {
  $('.switch').click(function() {
    var $this = $(this).toggleClass("switchOn");
    // 定义要发送的POST参数
    var postData = {};
    if ($this.hasClass("switchOn")) {
      postData.pagination = true; // 发送名为pagination的字段
    } else {
      postData.infinite = true; // 发送名为infinite的字段
    }
    $.ajax({
      type: "POST",
      url: "你的PHP脚本路径",
      data: postData,
      success: function(data) {
        console.log(data);
      }
    });
  });
});

这样PHP里的array_key_exists('pagination', $_POST)和array_key_exists('infinite', $_POST)就能正确命中，数据库更新逻辑正常执行。

方案二：修改PHP脚本，适配当前AJAX的参数结构

如果不想改动前端代码，可以直接调整PHP逻辑，检查value字段的值：

if (isset($_POST['value'])) {
  $browseMode = $_POST['value'];
  // 先验证输入合法性，避免恶意值
  if (in_array($browseMode, ['pagination', 'infinite'])) {
    $stmt = $conn->prepare("UPDATE users SET browse_mode = ? WHERE user_id = 1");
    $stmt->bindParam(1, $browseMode, PDO::PARAM_STR);
    $stmt->execute();
  }
}

这种方式更简洁，还能统一处理两种状态，同时增加了输入验证，安全性更高。

另外补充一句：AJAX请求的参数完全可以自定义字段名，不需要依赖HTML表单的name属性，所以方案一完全可行，不用纠结“非传统表单”的限制。

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