在Javascript中调用Flask-Wtform提交按钮

<form>
  <!-- 其他表单字段 -->
  <button id="submit-btn" type="submit">提交</button>
</form>

document.getElementById("submit-btn").addEventListener("click", function(event) {
  event.preventDefault(); // 阻止表单默认提交行为

  // 在这里编写处理表单提交的逻辑代码
});

document.getElementById("submit-btn").addEventListener("click", function(event) {
  event.preventDefault(); // 阻止表单默认提交行为

  // 获取表单数据
  var form = document.querySelector("form");
  var formData = new FormData(form);

  // 创建AJAX请求
  var xhr = new XMLHttpRequest();
  xhr.open("POST", "/submit", true);
  xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");

  // 处理AJAX响应
  xhr.onreadystatechange = function() {
    if (xhr.readyState === 4 && xhr.status === 200) {
      // 处理成功响应
      console.log(xhr.responseText);
    } else if (xhr.readyState === 4 && xhr.status !== 200) {
      // 处理错误响应
      console.error("请求出错");
    }
  };

  // 发送AJAX请求
  xhr.send(formData);
});