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>放在引用文件最後一排。

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