使用ajax實現form表單提交

在使用form表單的時候,一旦點擊提交觸發submit事件,一般會使得頁面跳轉,頁面間的跳轉等行爲的控制權往往在後端,後端會控制頁面的跳轉及數據傳遞,但是在某些時候不希望頁面跳轉,或者說想要將控制權放在前端,通過js來操作頁面的跳轉或者數據變化。

一般這種異步的操作,我們都會想到ajax方式,因此在實現了功能後就整理了這篇文章,通過ajax方法實現form表單的提交併進行後續的異步操作。

<script type="text/javascript">
        function login() {
            $.ajax({
            //幾個參數需要注意一下
                type: "POST",//方法類型
                dataType: "json",//預期服務器返回的數據類型
                url: "/users/login" ,//url
                data: $('#form1').serialize(),
                success: function (result) {
                    console.log(result);//打印服務端返回的數據(調試用)
                    if (result.resultCode == 200) {
                        alert("SUCCESS");
                    }
                    ;
                },
                error : function() {
                    alert("異常!");
                }
            });
        }
    </script>

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章