Запрос ajax не останавливает страницу от обновления

Question

Что не так с этим запросом ajax? страница по-прежнему перезагружается без каких-либо всплывающих окон. если я удалю все после «event.preventDefault();» он остановит перезагрузку страницы, поэтому я думаю, что она должна что-то делать с использованием метода ajax. Это для PHP-я проверяющего формы

<script type="text/javascript"> 
      //attach submit event handler to the form 
     $('#rsgform1').submit(function(event) { 

      //prevent the form from submitting by default 
      event.preventDefault(); 

     //Clear result div 
     $("#rsgresult").html(''); 

     //get values from from 
      var values = $(this).serialize(); 

      // do an ajax request 
     $.ajax({ 
      url: "contact.php", 
      type: "post", 
      data: values, 
      success: function(){ 
       alert("success"); 
       $("#rsgresult").html('Submitted successfully'); 
      }, 
      error:function(){ 
       alert("failure"); 
      $("#rsgresult").html('There is error while submit'); 
      } 

     }); 
     </script> 

Answer 1

сценарий имеет недостающую пару закрывающих скобок }) в конце

$('#rsgform1').submit(function (event) { 

    //prevent the form from submitting by default 
    event.preventDefault(); 

    //Clear result div 
    $("#rsgresult").html(''); 

    //get values from from 
    var values = $(this).serialize(); 

    // do an ajax request 
    $.ajax({ 
     url: "contact.php", 
     type: "post", 
     data: values, 
     success: function() { 
      alert("success"); 
      $("#rsgresult").html('Submitted successfully'); 
     }, 
     error: function() { 
      alert("failure"); 
      $("#rsgresult").html('There is error while submit'); 
     } 

    }); 
});// <-- missing this closing pair 

Answer 2

Вы забыли закрыть вызов Ajax ...

<script type="text/javascript"> 
      //attach submit event handler to the form 
     $('#rsgform1').submit(function(event) { 

      //prevent the form from submitting by default 
      event.preventDefault(); 

     //Clear result div 
     $("#rsgresult").html(''); 

     //get values from from 
      var values = $(this).serialize(); 

      // do an ajax request 
     $.ajax({ 
      url: "contact.php", 
      type: "post", 
      data: values, 
      success: function(){ 
       alert("success"); 
       $("#rsgresult").html('Submitted successfully'); 
      }, 
      error:function(){ 
       alert("failure"); 
      $("#rsgresult").html('There is error while submit'); 
      } 
     }); 

     }); 
    </script> 

Answer 3

У вас есть ошибка в вашем JS. При возникновении ошибки страница обновляется.

<script type="text/javascript"> 
    $('#rsgform1').submit(function(event) { 
     event.preventDefault(); 

     $("#rsgresult").html(''); 
     var values = $(this).serialize(); 

     $.ajax({ 
     url: "contact.php", 
     type: "post", 
     data: values, 
     success: function() { 
      alert("success"); 
      $("#rsgresult").html('Submitted successfully'); 
     }, 
     error:function() { 
      alert("failure"); 
      $("#rsgresult").html('There is error while submit'); 
     } 
     }); // Missing 
    }); 
</script> 

Answer 4

Попробуйте return false в конце функции обратного вызова.

И не забудьте сбалансировать брекеты, как упомянули другие.