如何使用AJAX将注册表中的用户数据不刷新地提交到mysql表中？

// 获取表单元素
var form = document.getElementById("register-form");

// 监听表单提交事件
form.addEventListener("submit", function(event) {
  event.preventDefault(); // 阻止表单默认的提交行为

  // 创建一个 XMLHttpRequest 对象
  var xhr = new XMLHttpRequest();
  
  // 配置 AJAX 请求
  xhr.open("POST", "submit.php", true); // 使用 POST 请求方式，将数据提交到 submit.php 文件
  xhr.setRequestHeader("Content-type", "application/x-www-form-urlencoded"); // 设置请求头，告诉服务器发送的数据类型
  
  // 处理 AJAX 响应
  xhr.onreadystatechange = function() {
    if (xhr.readyState === XMLHttpRequest.DONE && xhr.status === 200) {
      // 请求成功，可以根据服务器返回的响应数据进行相关处理
      console.log(xhr.responseText);
    }
  };
  
  // 获取表单数据
  var formData = new FormData(form);
  
  // 发送 AJAX 请求
  xhr.send(formData);
});

<?php
// 获取 AJAX 请求的表单数据
$username = $_POST["username"];
$password = $_POST["password"];
$email = $_POST["email"];

// 连接到 MySQL 数据库
$servername = "localhost";
$dbusername = "your_username";
$dbpassword = "your_password";
$dbname = "your_database_name";

$conn = new mysqli($servername, $dbusername, $dbpassword, $dbname);

// 检查连接是否成功
if ($conn->connect_error) {
  die("连接失败：" . $conn->connect_error);
}

// 将数据插入 MySQL 表
$sql = "INSERT INTO users (username, password, email) VALUES ('$username', '$password', '$email')";

if ($conn->query($sql) === true) {
  echo "数据提交成功";
} else {
  echo "数据提交失败：" . $conn->error;
}

// 关闭数据库连接
$conn->close();
?>