如何控制重复的Ajax'post'提交？

$("#submit").click(function() {
  $(this).prop("disabled", true);
  $.ajax({
    type: "POST",
    url: "/path/to/your/api",
    data: $("#form").serialize(),
    success: function(response) {
      // Handle success
    },
    complete: function() {
      $("#submit").prop("disabled", false);
    }
  });
});

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

$("#submit").click(debounce(function() {
  $.ajax({
    type: "POST",
    url: "/path/to/your/api",
    data: $("#form").serialize(),
    success: function(response) {
      // Handle success
    }
  });
}, 1000)); // Adjust the wait time as needed

let isLocked = false;

$("#submit").click(function() {
  if (isLocked) {
    return;
  }
  isLocked = true;
  $.ajax({
    type: "POST",
    url: "/path/to/your/api",
    data: $("#form").serialize(),
    success: function(response) {
      // Handle success
    },
    complete: function() {
      isLocked = false;
    }
  });
});