1、引入JQuery Form表單的js

<script type="text/javascript" src="${ctxStatic}/common/jquery.form.js"></script>

下載鏈接：jquery.form.js? 密碼：fqr9?

2.設置相應的參數

$(function(){// 1.基本參數設置 var options = { type: 'POST', ?// 設置表單提交方式url: "${ctx}/jinzhu/dtUser/save", // 設置表單提交URL,默認為表單Form上action的路徑dataType: 'json', // 返回數據類型beforeSubmit: function(formData, jqForm, option){ // 表單提交之前的回調函數，一般用戶表單驗證// formData: 數組對象,提交表單時,Form插件會以Ajax方式自動提交這些數據,格式Json數組,形如[{name:userName, value:admin},{name:passWord, value:123}]// jqForm: jQuery對象,，封裝了表單的元素? ?// options: options對象var str = $.param(formData); // name=admin&passWord=123var dom = jqForm[0]; // 將jqForm轉換為DOM對象var name = dom.name.value; // 訪問jqForm的DOM元素/* 表單提交前的操作 */return true;? // 只要不返回false,表單都會提交? },success: function(responseText, statusText, xhr, $form){ // 成功后的回調函數(返回數據由responseText獲得)if (responseText.status == '1') {alert("操作成功!" + responseText.msg);/* 成功后的操作 */} else {alert("操作失敗!" + responseText.msg); // 成功訪問地址，并成功返回數據，由于不符合業務邏輯的失敗}}, ?error: function(xhr, status, err) {?? ??? ??? ?alert("操作失敗!"); // 訪問地址失敗，或發生異常沒有正常返回},clearForm: true, // 成功提交后，清除表單填寫內容resetForm: true // 成功提交后，重置表單填寫內容}; // 2.綁定ajaxSubmit()$("#inputForm").submit(function(){ // 提交表單的id$(this).ajaxSubmit(options); return false;?? //防止表單自動提交}); });

3、項目中使用--示例(基于Jeeplus)

var validateForm; function doSubmit(){//回調函數，在編輯和保存動作時，供openDialog調用提交表單。 if(validateForm.form()){$("#inputForm").submit();return true;} return false; }$(document).ready(function() {validateForm = $("#inputForm").validate(); });$(function(){ var options = { type: 'POST',success:showResponse, dataType: 'json',error : function(xhr, status, err) { alert("操作失敗");}}; $("#inputForm").submit(function(){ $(this).ajaxSubmit(options); return false; //防止表單自動提交}); });function showResponse(responseText, statusText, xhr, $form){ if (responseText.success == true) {parent.layer.msg(responseText.msg, {icon:6});} else {parent.layer.msg(responseText.msg, {icon:5});} }

?

?

總結

以上是生活随笔為你收集整理的利用ajaxSubmit()实现Form表单submit()提交后的回调函数的全部內容，希望文章能夠幫你解決所遇到的問題。

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