提交表單而不刷新頁面ajax，php，javascript？

Question

我想提交一個表單而不刷新頁面，從我讀過的應該用ajax工作，我做錯了什麼？

這一切工作與PHP和東西時，我這樣做：

document.getElementById("msg_form").submit(); 

但我希望它無需刷新頁面提交。的HTML

部分：

<form name="msg_form_name" id="msg_form" class="email" action="mailer.php"> 
<p>Your E-mail:</p> 
<input id="email_form" name="email" type="text" /> 
<p>Amount:</p> 
<input id="amount_form" name="amount" class="amount_num" type="text" maxlength="5" /> 
<div id="msg_txt_lenght">characters left: 38</div> 
<p>Message:</p> 
<input id="message_form" name="message" class="message_form_lim" type="text" > 
<input type="hidden" id="storeUrl_id" name="storeUrl_form" value="Nan"></form> 
</form> 

部分的javascript：

$('#msg_form').submit(function (e) { 
    e.preventDefault(); 

$.ajax({    
type: 'post', 
url: 'mailer.php', 
data: $('form').serialize(), 
success: function() { 
alert('form was submitted'); 
} 
    }); 

    return false; 
}); 

在此先感謝。

編輯：可能有固定它有它提交，但沒有派提交

Answer 1

解決它剛剛更換：

$('#msg_form').submit(function (e) { 
    e.preventDefault(); 

$.ajax({    
type: 'post', 
url: 'mailer.php', 
data: $('#msg_form').serialize(), 
success: function() { 
alert('form was submitted'); 
} 
    }); 

    return false; 
}); 

與此代替

$.post('mailer.php', $('#msg_form').serialize())