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

Question

我正在尝试在不重新加载页面的情况下发送电子邮件。但发送后应该使用 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(); 
  });
});

Answer 1

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

通过比较数据

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

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

}

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