layer表单通过ajax提交

<form class="addvoteform layui-form">
 
          <button class="layui-btn layui-btn-sm" lay-submit lay-filter="demo1" >确定</button>
 
</form>
 layui.use('form', function(){
	  var form = layui.form; //只有执行了这一步,部分表单元素才会自动修饰成功				  
 
          form.on('submit(demo1)', function(data){
		$.ajax({
	                url:'../user/apply.do',       
                        method:'post',       
                        data:data.field,        
                        dataType:'JSON', 
		        success:function (data) {

		        	//执行成功后的回调
		        	
		        },
		        error:function (data) {
                              //执行失败后的回调
		        }
		    });
		return false;
		}); 
	});   

最后的return false一定要写。后台获取数据的方法和form表单submit相同。

另外可能会遇到layer表单用ajax提交后台执行两次的情况,解决办法是将<script type="text/javascript" src="/DepartmentStore/jsp/js/layui.all.js" ></script>放在引用文件最后一排。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章