基于jQuery-Ajax实现表单提交至MySQL查询的问题求助

我明白你现在的痛点——表单提交后直接在当前页面显示success/fail，没法实现跳转或弹窗提示，这大概率是因为你用了普通的表单刷新提交，而非异步AJAX请求。咱们用jQuery的AJAX改造一下，就能完美实现你要的效果：

步骤1：调整表单结构（示例） #

先给表单加个ID，再准备一个用来显示错误提示的容器：

<form id="passwordCheckForm">
  <input type="password" name="userPwd" id="userPwd" placeholder="请输入验证密码">
  <button type="submit">提交验证</button>
  <!-- 错误提示容器，默认隐藏 -->
  <div id="errorTip" style="display:none; color:red; margin-top:8px;"></div>
</form>

步骤2：编写jQuery异步提交逻辑 #

替换你现有的jQuery代码，用这段阻止默认提交、异步请求的逻辑：

$(document).ready(function() {
  $('#passwordCheckForm').submit(function(e) {
    // 阻止表单默认刷新提交行为
    e.preventDefault();
    
    // 获取用户输入的密码
    var inputPwd = $('#userPwd').val();
    
    // 发送AJAX请求到后端验证脚本
    $.ajax({
      url: '你的验证脚本路径.php', // 比如check_pwd.php
      type: 'POST', // 用POST更安全，避免密码暴露在URL中
      data: { password: inputPwd }, // 传递给后端的参数
      success: function(res) {
        // 处理后端返回的结果（注意要去掉返回内容的空格）
        var result = res.trim();
        if(result === 'success') {
          // 验证成功，跳转目标页面
          window.location.href = '你的成功页面路径.html';
        } else if(result === 'fail') {
          // 验证失败，显示警告提示
          $('#errorTip').text('密码错误，请重新输入！').show();
        }
      },
      error: function() {
        // 请求出错时的兜底提示
        $('#errorTip').text('网络请求失败，请稍后重试！').show();
      }
    });
  });
  
  // 额外优化：用户再次输入时隐藏错误提示
  $('#userPwd').on('input', function() {
    $('#errorTip').hide();
  });
});

步骤3：后端验证脚本注意事项 #

你的后端PHP脚本要确保只返回success或fail纯文本，不要输出任何多余内容（比如HTML标签、调试信息），否则会导致AJAX的结果判断出错。另外一定要做SQL注入防护，示例代码如下：

<?php
// 连接数据库（替换成你的数据库信息）
$db = mysqli_connect('localhost', '用户名', '数据库密码', '数据库名');
if(!$db) die('数据库连接失败');

// 安全处理用户输入的密码
$pwd = mysqli_real_escape_string($db, $_POST['password']);

// 执行查询（假设你的表名为pwd_table，密码字段为user_password）
$sql = "SELECT * FROM pwd_table WHERE user_password = '$pwd'";
$result = mysqli_query($db, $sql);

// 返回结果
if(mysqli_num_rows($result) > 0) {
  echo 'success';
} else {
  echo 'fail';
}

mysqli_close($db);
?>

额外建议 #

生产环境中绝对不要明文存储密码，建议用password_hash()生成哈希值存储，验证时用password_verify()匹配，安全性会高很多。

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