layui中保存按钮button防止多次点击提交导致重复提交情况

layui中保存按钮button防止多次点击提交导致重复提交情况

          **.html中代码**
          
           
.js中的代码
...............................................
      var foo = {
      initForm:0
      },

...........................................

	//新增
	  $('#knowledge-add').click(function(){
		me.initForm=0;//通过这个来
		me.addLayer(true);
	});
-------------------------------------------------------
	$('.knowledgeAdd-success').off().on("click",function(){
				var DISABLED = 'layui-btn-disabled';
				if(!me.initForm){
					me.initForm=1;
                    //这里写你的代码
                    
                 //调用添加方法
				me.saveKnowledgeDocument(formData);
           }
          });
-----------------------------------------------------------------------

	//添加知识文档接口
		saveKnowledgeDocument:function(formData){
			var me = this;
			//ajax请求
			$.ajax({
				type : "post",
				dataType: "json",
				url : window.RestApiBaseUrl+"knowledge/saveKnowledgeDocument",
				data : formData,
				processData : false,
				contentType : false,
				success : function(data){
					layer.msg('添加成功',function(){
						me.searchKnowledgeDocument();
						layer.closeAll();
					});
				}
			});
		},          

这里是我的保存样式
layui中保存按钮button防止多次点击提交导致重复提交情况_第1张图片

你可能感兴趣的:(layui中防止多次提交数据,layui)