MySQL预处理语句在AJAX调用中重复执行两次问题求助

这种AJAX触发重复插入的情况我之前踩过好几次坑，结合你的描述（直接调用函数正常，AJAX调用就出问题），大概率是AJAX请求被重复发送导致的，咱们一步步来排查和解决：

一、先确认是不是真的发了两次请求 #

打开浏览器的「开发者工具」→「Network」标签，触发AJAX请求后，看看是不是有两条一模一样的请求记录（比如两条POST到user.php的请求）。这是最关键的第一步，能直接定位问题根源。

如果确实是两次请求，那常见原因有这几个：

1. 表单默认提交行为没阻止 #

如果你的AJAX是绑定在表单的提交按钮或者表单的submit事件上，很可能既触发了AJAX请求，又触发了表单的默认提交行为（浏览器会自动提交一次表单），导致两次插入。

解决方法：在事件处理函数里加上event.preventDefault()阻止默认行为，比如用jQuery的话：

// 绑定表单submit事件
$('#registerForm').submit(function(event) {
  // 阻止表单默认提交
  event.preventDefault();
  
  // 这里写AJAX请求代码
  const formData = $(this).serialize();
  $.post('user.php', formData, function(response) {
    // 处理返回结果
  });
});

2. 点击事件被重复绑定 #

比如你用了$(document).on('click', '#submitBtn', function(){...})这种事件委托，而页面又有动态刷新（比如局部渲染），导致同一个按钮被绑定了多次点击事件，点一次就触发多次AJAX请求。

解决方法：

• 要么在绑定前先解绑：$('#submitBtn').off('click').on('click', function(){...})
• 要么给按钮加一个“锁定”状态，防止重复点击：

$('#submitBtn').click(function(event) {
  event.preventDefault();
  const $btn = $(this);
  
  // 如果按钮已经处于提交状态，直接返回
  if ($btn.hasClass('submitting')) return;
  
  // 标记为提交中
  $btn.addClass('submitting').text('提交中...');
  
  // 发送AJAX请求
  $.post('user.php', formData, function(res) {
    // 处理结果
  }).always(function() {
    // 请求完成后恢复按钮状态
    $btn.removeClass('submitting').text('提交');
  });
});

3. 浏览器的预请求或缓存问题（少见） #

虽然POST请求一般不会被缓存，但如果你的AJAX不小心用了GET方法（插入操作一定要用POST！），浏览器可能会因为预加载或者缓存导致重复请求。

解决方法：

• 确保AJAX请求方法是POST
• 给请求加一个随机参数避免缓存：比如在请求URL后加&t= + new Date().getTime()

二、后端层面加一层防重复保险 #

即使前端处理了，也可以在后端user.php里加简单的防重复逻辑，比如检查同一个用户（用邮箱或用户名）在短时间内的重复提交：

function connectForCreatingAccount($username,$email,$password,$usertype) {
  $servername = "localhost";
  $user= "root";
  // 假设这里有数据库连接代码
  $conn = new mysqli($servername, $user, $password_db, $dbname);
  
  // 先检查最近10秒内是否有相同邮箱的注册请求
  $checkStmt = $conn->prepare("SELECT id FROM users WHERE email = ? AND created_at >= NOW() - INTERVAL 10 SECOND");
  $checkStmt->bind_param("s", $email);
  $checkStmt->execute();
  $checkStmt->store_result();
  
  if ($checkStmt->num_rows > 0) {
    // 重复提交，返回错误
    $checkStmt->close();
    $conn->close();
    return ["status" => "error", "msg" => "请勿重复提交，请稍后再试"];
  }
  
  // 执行正常插入逻辑
  $insertStmt = $conn->prepare("INSERT INTO users (username, email, password, usertype) VALUES (?, ?, ?, ?)");
  // 绑定参数、执行插入...
  
  $insertStmt->close();
  $conn->close();
  return ["status" => "success"];
}

最后排查小技巧 #

如果还是找不到问题，可以在user.php的函数开头加日志记录，把每次请求的时间、参数都写进日志文件，这样能清楚看到是不是真的有两次请求进来：

// 在函数开头加日志
file_put_contents('debug.log', date('Y-m-d H:i:s') . " 请求参数：username=$username, email=$email\n", FILE_APPEND);

先从前端请求次数查起，这是最常见的原因，应该能很快解决问题！

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