在使用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>