layui弹出层按钮提交iframe表单的方法
作者:橙子时间:2026-10-22 17:12:57浏览:195
本文介绍在layui弹出层中,如何通过自定义按钮触发iframe内表单的AJAX提交。核心步骤包括引入jquery.form.js库,并在layer.open的yes回调中获取iframe内的表单对象,调用ajaxSubmit方法指定URL和类型,实现无刷新提交并处理成功后的提示与列表刷新。
layui弹出层提交iframe表单实现
具体实现方式如下所示:
layer.open({
id: 'LAY_layuipro', //设定一个id,防止重复弹出
type: 2,
title:'添加人员信息',
area: ['600px','340px'],
btn: ['保存','关闭'],
yes: function(index, layero){
var inputForm = $(window.frames["layui-layer-iframe" + index].document).contents().find("#userForm");
inputForm.ajaxSubmit({
url:'<%=path%>/version/demand/saveDemand',
type:'post',
dataType:'json',
success:function(result){
if(result.data=='ok'){
layer.closeAll();
layer.alert("添加成功!")
reloadData();//重新加载列表
}
}
});
},btn2: function(){
layer.closeAll();
},content: '<%=path%>/user/toAdd'
})
该方案采用AJAX方式提交Form表单,因此需要预先引入jquery.form.js文件。
以上便是关于在layui弹出层中通过按钮提交iframe表单的完整方法,希望能为读者提供参考,并欢迎大家继续支持本站。
作者最新文章
JS脚本在App中运行报错怎么解决
2026-11-04 23:11:03
JS怎么使用padStart方法给数字补零
2026-11-04 11:12:03
JS是什么意思?JavaScript全称及基本定义
2026-11-04 08:05:29
JS 使用 toFixed(1) 保留一位小数的基本用法与注意事项
2026-11-03 18:34:57
JS字符串转整数:parseInt与Number的区别及用法
2026-11-03 17:26:54
