使用"提交"回调和$ .ajax发布时多次提交表单

$("#submit-button").click(function() {
  $(this).prop("disabled", true);
  // 提交表单的代码
});

function debounce(func, wait) {
  let timeout;
  return function() {
    const context = this;
    const args = arguments;
    const later = function() {
      timeout = null;
      func.apply(context, args);
    };
    clearTimeout(timeout);
    timeout = setTimeout(later, wait);
  };
}

let requestInProgress = false;

function sendRequest() {
  if (requestInProgress) {
    return;
  }
  requestInProgress = true;
  return new Promise((resolve, reject) => {
    $.ajax({
      url: "your-url",
      type: "POST",
      data: $("#form-id").serialize(),
      success: function(response) {
        resolve(response);
      },
      error: function(error) {
        reject(error);
      },
      complete: function() {
        requestInProgress = false;
      }
    });
  });
}

const requestQueue = [];

function sendRequest() {
  return new Promise((resolve, reject) => {
    requestQueue.push({ resolve, reject });
    if (requestQueue.length === 1) {
      $.ajax({
        url: "your-url",
        type: "POST",
        data: $("#form-id").serialize(),
        success: function(response) {
          const { resolve } = requestQueue.shift();
          resolve(response);
          if (requestQueue.length > 0) {
            sendRequest();
          }
        },
        error: function(error) {
          const { reject } = requestQueue.shift();
          reject(error);
          if (requestQueue.length > 0) {
            sendRequest();
          }
        }
      });
    }
  });
}