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中变量和前台变量名称一致，则就会接收到值，
表单提交之前先进行验证