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/

如果文章對您很有幫助
請我喝杯咖啡吧

Bitcoin 比特幣錢包:

18fCwNnEJ7UfMNS3GcUczPNa72NMsWcvaU



ann71727

相關文章:

READ  Fix An invalid form control with name='...' is not focusable

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *

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