如何使用javascript和ajax检查表单是否已经提交，以避免多次发送同一表单

document.getElementById("myForm").addEventListener("submit", function(event) {
  event.preventDefault(); // 阻止表单的默认提交行为
  // 在这里执行表单提交前的操作
});

var xhr = new XMLHttpRequest();
xhr.open("GET", "checkForm.php?formId=" + formId, true); // 使用GET请求发送表单ID到服务器端
xhr.onreadystatechange = function() {
  if (xhr.readyState === 4 && xhr.status === 200) {
    var response = xhr.responseText;
    if (response === "submitted") {
      // 表单已经提交过，执行相应操作
    } else {
      // 表单未提交过，继续执行表单提交操作
      document.getElementById("myForm").submit();
    }
  }
};
xhr.send();

<?php
$formId = $_GET["formId"];
// 在这里使用数据库或其他方式检查表单是否已经提交过
if (formAlreadySubmitted($formId)) {
  echo "submitted";
} else {
  echo "not submitted";
}
?>