ajax 防止重复 提交_示例代码

AJAX 防止重复提交的方法有多种，其中一种常用的方法是通过设置一个标记来判断是否已经提交过，如果已经提交过，则不再发送新的请求。

示例代码如下：

var isSubmitting = false; // 设置一个标记，初始值为 false，表示未提交
function submitForm() {
  if (isSubmitting) {
    return; // 如果已经提交过，则直接返回，不再发送新的请求
  }
  isSubmitting = true; // 将标记设置为 true，表示正在提交
  // 发送 AJAX 请求
  $.ajax({
    url: "submit.php",
    type: "POST",
    data: $("#myForm").serialize(),
    success: function(response) {
      // 处理请求成功的回调函数
      console.log(response);
    },
    complete: function() {
      isSubmitting = false; // 请求完成后，将标记设置为 false，表示提交完成
    }
  });
}

在上述示例代码中，首先定义了一个变量 `isSubmitting`，用来表示是否正在提交。初始值为 `false`，表示未提交。

当用户点击提交按钮时，会调用 `submitForm` 函数。在函数内部，首先判断 `isSubmitting` 的值，如果为 `true`，则直接返回，不再发送新的请求。这样就能防止用户重复提交。

如果 `isSubmitting` 的值为 `false`，则将其设置为 `true`，表示正在提交。然后使用 AJAX 发送请求，并在请求完成后将 `isSubmitting` 的值重新设置为 `false`，表示提交完成。

通过这种方式，可以有效地防止用户重复提交表单。