在具有相同类的多个元素上使用AJAX / jquery将记录添加到MySQL

<script src="https://cdn.jsdelivr.net/npm/jquery/dist/jquery.min.js"></script>

$(document).ready(function() {
  $("#submitBtn").click(function() {
    var name = $("#name").val();
    var age = $("#age").val();
    var email = $("#email").val();
    
    // 创建一个对象，包含需要添加到MySQL的记录的数据
    var data = {
      name: name,
      age: age,
      email: email
    };
    
    // 发送AJAX请求
    $.ajax({
      url: "backend.php",  // 后端处理程序的URL
      type: "POST",  // 使用POST方法发送请求
      data: data,  // 发送的数据
      success: function(response) {
        // 请求成功后的回调函数
        if(response.success) {
          alert("记录添加成功！");
        } else {
          alert("记录添加失败！");
        }
      },
      error: function() {
        // 请求出错时的回调函数
        alert("请求出错！");
      }
    });
  });
});

<?php
// 获取前端发送的数据
$name = $_POST['name'];
$age = $_POST['age'];
$email = $_POST['email'];

// 连接MySQL数据库
$servername = "localhost";
$username = "your_username";
$password = "your_password";
$dbname = "your_database_name";
$conn = new mysqli($servername, $username, $password, $dbname);

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

// 执行插入操作
$sql = "INSERT INTO your_table_name (name, age, email) VALUES ('$name', $age, '$email')";
$result = $conn->query($sql);

// 返回结果给前端
if ($result) {
  $response = array("success" => true);
} else {
  $response = array("success" => false);
}
echo json_encode($response);

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