Ajax-Code für die Einreichung von Formularen noch aktualisiert Seite

Question

Das ist mein Ajax-Code .. Ich weiß nicht, was ich falsch mache. Das Problem ist, selbst wenn ich diesen Code habe, wird die Seite immer noch aktualisiert, nachdem das Formular abgeschickt wurde.

$(document).ready(function(){ 
$('.regForm').submit(function(event) { 

    var formData = { 
     'fname' : $('input[fname=fname]').val(), 
     'midname' : $('input[midname=midname]').val(), 
     'lname' : $('input[lname=lname]').val(), 
     'uname' : $('input[uname=uname]').val(), 
     'pass' : $('input[pass=pass]').val() 
    }; 

    $.ajax({ 
     type: 'POST', 
     url: 'registeruser.php', 
     data: formData, 
     datatype: 'json', 
     encode: true 
    }) 

    .done(function(data) { 
     alert('registerd successfully'); 
    }); 

    event.preventDefault(); 
    }); 


}); 

Answer 1

Probieren Sie es aus ...

$.ajax({ 
    type: 'POST', 
    url: 'registeruser.php', 
    data: formData, 
    datatype: 'json', 
    encode: true, 
success: function(data){ 
alert('registerd successfully'); 
} 
}); 



event.preventDefault();