如何在使用sweet js发送电子邮件后显示成功消息

how to show success message after sending email using sweet js

本文关键字：电子邮件 显示 消息 成功 js sweet      更新时间：2023-09-26

我正在尝试在不重新加载页面的情况下发送电子邮件。但发送后应该使用sweet js显示成功消息。不幸的是，它不起作用。

$(document).ready(function(){
  $('#contact-form').on('submit',function(e) {  
  $.ajax({
      url:'mailer.php', //===PHP file name====
      data:$(this).serialize(),
      type:'POST',
      success:function(data) {
        console.log(data);
        //Success Message 
	    swal("¡Success!", "Message sent!", "success");
      },
      error:function(data) {
        //Error Message 
	    swal("Oops...", "Something went wrong :(", "error");
      }
    });
    e.preventDefault(); 
  });
});

您可以返回一些东西，这样您就可以知道邮件是否已发送，

通过比较数据

因此，您可以在ajax的成功部分执行以下操作：

success:function(data) {
if(data == 'something that you will know if it sent'){
    swal("¡Success!", "Message sent!", "success");
      },
}

还要确保你把甜蜜警报的scr放在脑子里。

相关文章：