在沒有頁面重新加載的情況下提交表單

Question

我不知道Ajax或PHP，但是我想在不刷新頁面的情況下提交此表單，並且還希望在提交按鈕旁邊顯示檢查圖標。我怎樣才能做到這一點？

<form id="form" action="" method="post"> 
    <input type="text" id="email" value="e-mail address" /> 
    <input type="submit" id="submit" name="submit" value="Submit" /> 
</form> 

Answer 1

<script> 
function xyz(){ 
var email_val=$('#email').val(); 
$.post("ajax.php",{"email":email_val},function(data){ 
    if(data) { 
     $('#message').html('Data submit successfully'); 
     $('#email').val(''); 
    } 
    else{ 
     $('#message').html('Failed'); 
    } 
}); 
} 

</script> 


<form id="form" action="" method="post" onsubmit="xyz()"> 
    <input type="text" id="email" value="e-mail address" /> 
    <input type="submit" id="submit" name="submit" value="Submit" /> 
    <span id="message"></span> 
</form> 

ajax.php

if(isset($_REQUEST['email'])){ 
    //Your code here 
} 

Answer 2

如果你不知道的AJAX和PHP的，但仍必須提交不重新加載頁面的表單然後按照本教程..做一些家作品

http://net.tutsplus.com/tutorials/javascript-ajax/submit-a-form-without-page-refresh-using-jquery/