在10月命令上使用AJAX将表单中的值插入数据库

<form id="myForm">
  <input type="text" name="name" placeholder="姓名">
  <input type="email" name="email" placeholder="邮箱">
  <button type="submit">提交</button>
</form>

<script>
  document.getElementById("myForm").addEventListener("submit", function(event) {
    event.preventDefault(); // 阻止表单默认提交行为

    var form = new FormData(this); // 创建FormData对象，用于存储表单数据
    var xhr = new XMLHttpRequest(); // 创建XMLHttpRequest对象

    xhr.open("POST", "insert.php", true); // 设置AJAX请求的方法、URL和异步标志
    xhr.onreadystatechange = function() {
      if (xhr.readyState === XMLHttpRequest.DONE && xhr.status === 200) {
        alert(xhr.responseText); // 显示插入结果
      }
    };
    xhr.send(form); // 发送AJAX请求，将表单数据发送到后端服务器
  });
</script>

<?php
$name = $_POST['name']; // 获取表单中的姓名字段值
$email = $_POST['email']; // 获取表单中的邮箱字段值

// 连接数据库，执行插入操作
$servername = "数据库服务器地址";
$username = "数据库用户名";
$password = "数据库密码";
$dbname = "数据库名";

$conn = new mysqli($servername, $username, $password, $dbname);
if ($conn->connect_error) {
  die("数据库连接失败: " . $conn->connect_error);
}

$sql = "INSERT INTO 表名 (姓名, 邮箱) VALUES ('$name', '$email')";
if ($conn->query($sql) === TRUE) {
  echo "插入成功";
} else {
  echo "插入失败: " . $conn->error;
}

$conn->close();
?>