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

HTML 表單

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

jQuery

<script>
    $(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) {
                    console.log(data.data);
                })
                .fail(function(jqxhr, textStatus, error) {
                    alert('失敗');
                });;
            e.preventDefault(); //停止預設動作
            //e.unbind(); //解除綁定。停止多個表單提交.
        });
    });
</script>

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

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

Bitcoin 比特幣錢包:

18fCwNnEJ7UfMNS3GcUczPNa72NMsWcvaU



ann71727

READ  jQuery javascript scroll to element

發佈留言

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

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