jquery easyui实现form表单提交

发布时间:2020-07-29编辑:脚本学堂
在jquery easyui中进行form表单提交操作,实现表单数据的异步提交,将JSON字符串转换成对象,并有异常提醒功能。

例子,EasyUI实现form表单提交
 

复制代码 代码示例:
$('#form').form({
  url : 'test/add.do',
  onSubmit : function() {
   parent.$.messager.progress({
title : '提示',
text : '数据处理中,请稍后....'
   });
   var gridValid = endEdit();// 子表退出编辑验证
   if (!gridValid) {
parent.$.messager.progress('close');
return false;
   }
   var isValid = $('#form').form('validate');
   if (!isValid) {
parent.$.messager.progress('close');
return false;
   }
   // 将子表中添加修改删除的数据写入隐藏input
   accept();
   return true;
  },
  success : function(result) {
   parent.$.messager.progress('close');
   try {
data = eval("(" + result + ")");// 将JSON字符串转换成对象
if (data && data.success) {
 if (data.msg && data.msg != "")
  parent.$.messager.alert('提示', data.msg);
 else
  parent.$.messager.alert('提示', "添加成功");
 parent.$.modalDialog.openner_grid.datagrid('reload');// 刷新Gird数据
 parent.$.modalDialog.handler.dialog('close');// 关闭当前模式窗口
} else
 parent.$.messager.alert('错误', data.msg);// 操作失败
   } catch (e) {
parent.$.errorDialog(result);// 提示服务器异常
   }
  }
});