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