form表单的异步提交

异步提交主要是用到了jquery-easyui的函数。easyui需要的包

<link rel="stylesheet" type="text/css"     href="../../css/themes/default/easyui.css">
<link rel="stylesheet" type="text/css" href="../../css/themes/icon.css">
<script type="text/javascript" src="../../js/jquery-1.5.2.min.js"></script>
<script type="text/javascript" src="../../js/jquery.easyui.min.js"></script>
<script type="text/javascript" src="../../js/easyui-lang-zh_CN.js"></script> 

 在form表单不要有submit按钮,里面设置一个<a>或者<button>,这不是一个submit按钮,给按钮绑定一个事件函数,例如saveform(),saveform()函数代码如下:

 function saveItem(){
                 //验证表单,如果通过就提交表单
	if($.formValidator.pageIsValid('1')){
                               //提交表单
	               $('#basicInfoFrom').form('submit',{
                              //地址
	              url: 'loadDetailModelType.action',
	              success: function(result){
	            	  var result = eval('('+result+')');
	                  if (!result.success){
	                      $.messager.show({
	                          title: '错误提示',
	                          msg: result.errorMsg
	                      });
	                  } else {
                                               //成功之后
	                	 alert('成功');	                  }
	              }
	          }); 
		}
      } 

 里面的验证表单需要自己写,不是自带的,我这里用的是jquery的formValidator插件,如果发现复制这个代码不能运行,先看看js包,再看看form表单的id,再看地址,还要看form中是否已经有了submit按钮。

没有效果的可以给我留言

你可能感兴趣的:(form表单异步提交)