1、引入JQuery Form表单的js
<script type="text/javascript" src="${ctxStatic}/common/jquery.form.js"></script>
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=123
var 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; //防止表单自动提交
});
});