没有在表单提交时重新加载网站，但是通过php发送电子邮件？

Question

我的网站上有联系表格。我通过电子邮件通过php发送内容给我：

<?php
if(isset($_POST['submit'])){
    $to = "myemail@gmail.com";
    $from = $_POST['email'];
    $first_name = $_POST['firstname'];
    $subject = "Form submission";

    $message = $first_name . " wrote the following:" . "\n\n" . $_POST['message'];


    $headers = "From:" . $from;
    mail($to,$subject,$message,$headers);
    }
?>

这很有效。但是，我不希望我的页面被重新加载等等，所以在我有PHP代码之前，我只是用javascript对UI进行编码：它清除字段，并显示一条说Thanks for your message的通知，等：

$("#contact_form").submit(function(e) {
    e.preventDefault();

    iziToast.success({
        title: 'Thank you',
        message: 'Thanks for your message',
    });

    this.reset(); //clear form input fields
  });

但是：

两者似乎没有合作。我正在做prevent.default，因为我想避免页面重新加载，我正在做一个this.reset，以便重置表单并将所有内容清空。

我怎么能让这两个一起工作？也就是说，我想通过php发送电子邮件，但我也想用javascript来显示通知，清除输入字段，而不是重新加载页面。

PS：php与HTML在同一个文件中。 javascript文件通过脚本标记引用。以防万一这很重要。