使用layui的layer.open方法打开一个页面，并监听其中的表单提交。当点击确认按钮时，调用iframe中的submitHandler方法进行验证和提交。在提交过程中，显示加载提示，并在成功或失败后关闭弹窗并执行相应操作。
layui.open监听页面提交
$("#addBtn").on(‘click‘, function () {
layer.open({
type: 2,
content: "/add.html"
area: [‘750px‘, ‘400px‘],
title: ‘添加‘,
scrollbar: false,
btnAlign: ‘c‘,
btn: [‘确定‘, ‘取消‘],
yes: function (index, layero) {
var iframeWin = layero.find(‘iframe‘)[0];
iframeWin.contentWindow.submitHandler(index, layero);
},
cancel: function (index) {
return true;
}
});
})
add.html
lay-filter="infoContent">
保存
function submitHandler(index, layero) {
//模拟提交进行验证
var submit = $("#btnSubmit");
submit.trigger(‘click‘);
}
form.on(‘submit(infoContent)‘, function (data) {
var index = layer.msg("加载中.....", {time: 0, shade: 0.01});
$.ajax({
url: "/add"
type: ‘post‘,
dataType: ‘json‘,
data: {
requestJson: JSON.stringify(data.field)
},
success: function (res) {
layer.close(index);
if (res.code == ‘0‘) {
layer.msg(res.msg, {icon: 6, time: 1000}, function () {
//关闭当前frame
var indexFrame = parent.layer.getFrameIndex(window.name);
//刷新父页面
window.parent.refreshPage();
parent.layer.close(indexFrame);
});
} else {
layer.msg(res.msg, {icon: 5});
}
}
});
return false;
});
原文：https://www.cnblogs.com/JaminYe/p/13394227.html
扫一扫
785
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
