显示用于发送表单数据的 ajax 消息框

如何解决显示用于发送表单数据的 ajax 消息框

您好，我有一个联系表单，可将表单数据发送到电子邮件，但问题是当数据已发送时，在其他 PHP 页面中显示成功或错误消息，但我想在不刷新页面的情况下在同一页面中显示该消息。这是 index.html：

<div class="main">
    <div class="info">Give Your Feedback!</div>
    <form action="mail_handler.PHP" method="post" name="form" class="form-Box">
        <label for="name">Name</label><br>
        <input type="text" name="name" class="inp" placeholder="Enter Your Name" required><br>
        <label for="email">Email ID</label><br>
        <input type="email" name="email" class="inp" placeholder="Enter Your Email" required><br>
        <label for="phone">Phone</label><br>
        <input type="tel" name="phone" class="inp" placeholder="Enter Your Phone" required><br>
        <label for="message">Message</label><br>
        <textarea name="msg" class="msg-Box" placeholder="Enter Your Message Here..." required></textarea><br>
        <input type="submit" name="submit" value="Send" class="sub-btn">
    </form>
</div>

这是mail_handler.PHP：

<?PHP
 if(isset($_POST['submit'])){
    $name=$_POST['name'];
    $email=$_POST['email'];
    $phone=$_POST['phone'];
    $msg=$_POST['msg'];

    $to='mehrdad3373@gmail.com'; // Receiver Email ID,Replace with your email ID
    $subject='Form Submission';
    $message="Name :".$name."\n"."Phone :".$phone."\n"."Wrote the following :"."\n\n".$msg;
    $headers="From: ".$email;

    if(mail($to,$subject,$message,$headers)){
        echo "<h1>Sent Successfully! Thank you"." ".$name.",We will contact you shortly!</h1>";
    }
    else{
        echo "Something went wrong!";
    }
 }
?>