如何使用ajax在html中执行php后台提交

<script src="https://cdn.staticfile.org/jquery/3.6.0/jquery.min.js"></script>

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

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

      // 获取表单数据
      var formData = $(this).serialize();

      // 发送Ajax请求
      $.ajax({
        url: 'submit.php', // PHP后台文件路径
        type: 'POST',
        data: formData,
        success: function(response) {
          // 处理返回的数据
          console.log(response);
        },
        error: function(xhr, status, error) {
          // 处理错误
          console.log(error);
        }
      });
    });
  });
</script>

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

  // 进行数据处理或其他操作

  // 返回响应数据
  $response = array('status' => 'success', 'message' => '提交成功');
  echo json_encode($response);
?>