フォーム提出用のAjaxコードはまだ更新されていますページ

Question

これは私のAjaxコードです。私は何が間違っているのか分かりません。問題は、このコードがあっても、フォームが送信された後でもページが更新されるということです。

$(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

...

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



event.preventDefault(); 

を試してみよう