停止在页面重新加载时将表单的以前数据提交到jsp中的DB

<form id="myForm">
  <!-- 表单内容 -->
  <input type="text" name="name" />
  <input type="email" name="email" />
  <!-- 其他表单字段 -->
  
  <button type="submit">提交</button>
</form>

<script>
  document.getElementById("myForm").addEventListener("submit", function(event) {
    event.preventDefault(); // 阻止表单默认提交行为
    
    var formData = new FormData(this); // 获取表单数据
    
    // 发送AJAX请求
    var xhr = new XMLHttpRequest();
    xhr.open("POST", "saveData.jsp", true);
    xhr.onreadystatechange = function() {
      if (xhr.readyState === XMLHttpRequest.DONE && xhr.status === 200) {
        // 请求成功处理
        console.log(xhr.responseText);
      }
    };
    xhr.send(formData);
  });
</script>

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
<%@ page import="java.sql.*" %>

<%
  // 获取表单数据
  String name = request.getParameter("name");
  String email = request.getParameter("email");
  // 其他表单字段的获取
  
  // 数据库存储操作
  Connection conn = null;
  PreparedStatement stmt = null;
  try {
    Class.forName("com.mysql.jdbc.Driver");
    conn = DriverManager.getConnection("jdbc:mysql://localhost:3306/mydb", "username", "password");
    String sql = "INSERT INTO mytable (name, email) VALUES (?, ?)";
    stmt = conn.prepareStatement(sql);
    stmt.setString(1, name);
    stmt.setString(2, email);
    // 其他字段的设置
    
    stmt.executeUpdate();
    
    out.println("数据保存成功！");
  } catch (Exception e) {
    out.println("数据保存失败：" + e.getMessage());
  } finally {
    if (stmt != null) {
      stmt.close();
    }
    if (conn != null) {
      conn.close();
    }
  }
%>