在ajax表单提交后显示div结果

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

<div id="result"></div>

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

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

    $.ajax({
      url: 'submit.php', // 替换为实际的服务器端处理脚本地址
      type: 'POST',
      data: formData,
      success: function(response) {
        $('#result').html(response); // 更新显示结果的div
      },
      error: function(xhr, status, error) {
        console.log(error); // 处理错误情况
      }
    });
  });
});

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

// 处理表单数据，生成结果
$result = "姓名：".$name."<br>邮箱：".$email;

echo $result; // 返回结果给客户端
?>