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

Question

我试图在不重新加载页面的情况下发送电子邮件。但发送后应该使用甜蜜的js显示成功消息。不幸的是它没有用。

＆＃13;

＆＃13;

$(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(); 
  });
});

＆＃13;

＆＃13;

＆＃13;

Answer 1

您可以退回一些东西，以便知道邮件是否已发送，

通过比较数据

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

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

}

还要确保将甜蜜警报的scr放在头部。