layer.open 关闭回调


	var commonObj = {
		type : 2,
		title : false,
		closeBtn : 0,
		scrollbar : false
	};
	
	$("#addAptitude").on("click", function() {
		layer.open($.extend(commonObj, {
			area : [ '1035px', '624px' ],
			content : 'addAptitude.html',
			end : function() {
				getQuaList();
			}

		}));
	})end : function() {
				getQuaList();
			}

		}));
	})

其实重点在红色的部分,就是我们用layer.open打开一个弹出框的时候,当这个弹出框关闭我们可以实现调用有一个回调的函数,这个地方就是使用的getQuaList()里面是ajax实现对当前页面的局部的刷新

希望对你有所帮助

  • 6
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
### 回答1: layer.open是Layui框架中常用的一个弹出层组件,常常用来弹出信息提示框、确认框、输入框等。当我们在使用layer.open弹出层时,有时需要获取用户操作后的返回值以进一步处理数据,这时就需要使用layer.open回调函数来取值。 在使用layer.open时,我们可以在配置属性中指定回调函数,如: ``` layer.open({ title: '提示', content: '你确定要注销吗?', yes: function(index, layero){ //用户点击确定后执行的回调函数 alert('您点击了确定按钮'); layer.close(index); //关闭弹出层 }, cancel: function(){ //用户点击取消后执行的回调函数 alert('您点击了取消按钮'); } }); ``` 其中yes属性指定了点击确定后执行的回调函数,可以在这个回调函数中取到layer.open的index值,该值即为当前弹出层的索引值,我们可以通过传递此值给其他函数来处理数据。例如: ``` layer.open({ title: '确认', content: '您确定要提交吗?', yes: function(index, layero){ $.ajax({ type: "POST", url: "submit.php", data: $('#form1').serialize(), success: function(data){ //提交成功后执行的回调函数 alert('提交成功'); layer.close(index); //关闭弹出层 updatePage(data); //更新页面数据 }, error: function(XMLHttpRequest, textStatus, errorThrown){ //提交失败后执行的回调函数 alert(XMLHttpRequest.status); alert(XMLHttpRequest.readyState); alert(textStatus); } }); } }); ``` 在这个例子中,我们在点击确定后通过ajax提交数据,成功或失败后分别执行不同的回调函数。如果提交成功,我们就可以通过updatePage函数来更新页面数据,这个函数需要传递一个参数,即提交后返回的数据。由于在回调函数中可以访问到layer.open的index值,我们就可以把这个值传递给updatePage函数来关闭弹出层。这样就可以方便地在layer.open回调函数中处理弹出层的返回值了。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值