完成數據檢查，form數據拼裝，ajax異步提交數據，提交不刷新頁面。

jQuery(document).ready(function() {/*Fullscreen background*/$.backstretch("images/login_backgroud.jpg");/*Form validation*/$('.login-form input[type="text"], .login-form input[type="password"], .login-form textarea').on('focus', function() {$(this).removeClass('input-error');});$('.login-form').on('submit', function(e) {$(this).find('input[type="text"], input[type="password"], textarea').each(function(){if( $(this).val() == "" ) {e.preventDefault();$(this).addClass('input-error');}else {$(this).removeClass('input-error');}});toSubmit(this);return false;});function toSubmit(frm){var obj = getFormJson(frm);$(this).ajaxSubmit({data:obj,type:"post", //提交方式 dataType:"json", //數據類型 url:"billingLogin", //請求urlclearForm:true,resetForm: true,success:function(data){ //提交成功的回調函數 if(data.status == 1){location.href = "/getPackages";}else{swal("OMG!", "登錄信息有誤！", "error");}} });}//將form中的值轉換為鍵值對。function getFormJson(frm) {var o = {};var a = $(frm).serializeArray();$.each(a, function () {if (o[this.name] !== undefined) {if (!o[this.name].push) {o[this.name] = [o[this.name]];}o[this.name].push(this.value || '');} else {o[this.name] = this.value || '';}});return o;}});

總結

以上是生活随笔為你收集整理的ajaxSubmit异步提交的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。