easyui form 表单提交两种方式

easyui form表单提交数据的两种方式

第一种

$('#admin_yhgl_addUserForm').form('submit', {
url : 'userAction!add.action',
data : {
name : $('#admin_yhgl_addUserForm input[name=name]').val(),
pwd : $('#admin_yhgl_addUserForm input[name=pwd]').val()
},
success : function(data) {
var obj = jQuery.parseJSON(data);
console.info(obj);
if (obj.success) {
addUserDialog.dialog('close');
}
$.messager.show({
title : '提示',
msg : obj.msg,
timeout : 3000,
showType : 'slide'
});

}

});

这种方式需要将form中的数值单个赋值，用到jquery 数据选择器进行单个选择，当form中个数比较多时，则较为繁琐，但是代码易读，当程序执行完毕则会调用success方法，

返回的obj数据样式为 {"msg":"添加成功","success":true}

第二种方式采用ajax提交，比较简便，个人比较推荐

// 第二种后台交互方式 ajax提交
if ($('#admin_yhgl_addUserForm').form('validate')) {
$.ajax({
url : 'userAction!add.action',
data : $("#admin_yhgl_addUserForm").serialize(),
dataType : 'json',
success : function(obj, textStatus, jqXHR) {
if (obj.success) {
addUserDialog.dialog('close');
}
$.messager.show({
title : '提示',
msg : obj.msg,
timeout : 3000,
showType : 'slide'
});
}
});
} else {
alert('验证失败');
}

data : $("#admin_yhgl_addUserForm").serialize() 将form中的数据序列化，只要action中变量和前台变量名称一致，则就会接收到值，

表单提交之前先进行验证