如何使用jquery传递数据提交表单

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

<form id="myForm">
  <label for="name">姓名：</label>
  <input type="text" id="name" name="name"><br><br>
  <label for="email">邮箱：</label>
  <input type="email" id="email" name="email"><br><br>
  <input type="submit" value="提交">
</form>

$(document).ready(function() {
  $('#myForm').submit(function(e) {
    e.preventDefault(); // 阻止表单默认提交行为

    var formData = $(this).serialize(); // 序列化表单数据

    $.ajax({
      url: 'submit.php', // 提交表单的服务器端处理文件
      type: 'POST', // 请求类型为POST
      data: formData, // 发送的数据
      success: function(response) {
        // 请求成功后的处理逻辑
        console.log(response);
      },
      error: function(xhr, status, error) {
        // 请求失败后的处理逻辑
        console.log(error);
      }
    });
  });
});

<?php
$name = $_POST['name'];
$email = $_POST['email'];

// 在这里可以对接收到的数据进行处理，例如存储到数据库或发送邮件等

$response = "表单提交成功！";
echo $response;
?>