JQuery AJAX 送出表單資料 jQuery AJAX Form Submit

//表單
<form name=”ajaxform” id=”ajaxform” action=”ajax-form-submit.php” method=”POST”>
    First Name: <input type=”text” name=”fname” value =””/> <br/>
    Last Name: <input type=”text” name=”lname” value =”” /> <br/>
    Email : <input type=”text” name=”email” value=””/> <br/>
</form>

$(document).ready(function(e) {
//表單發送處理
$(“#ajaxform”).submit(function(e)
{
$.ajax({
type:$(this).attr(“method”),
url:$(this).attr(“action”),
data: $(this).serialize()+’&time=’+$.now(),
dataType:”json”
})
.done(function( data ) {
setval(data.data);
})
.fail(function( jqxhr, textStatus, error ) {
alert(‘失敗’);
});;
e.preventDefault(); //停止預設動作
//e.unbind(); //解除綁定。停止多個表單提交.
});
$(“#ajaxform”).submit();
});

延伸閱讀
http://hayageek.com/jquery-ajax-form-submit/

相關文章:

READ  jQuery javascript關閉 fancybox視窗

發表迴響

這個網站採用 Akismet 服務減少垃圾留言。進一步瞭解 Akismet 如何處理網站訪客的留言資料