layui弹出层按钮提交iframe表单的方法


Posted in Javascript onAugust 20, 2018

如下所示:

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表单的方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
基于jquery的内容循环滚动小模块(仿新浪微博未登录首页滚动微博显示)
Mar 28 Javascript
如何将网页表格内容导入excel
Feb 18 Javascript
jQuery中click事件用法实例
Dec 26 Javascript
详细总结Javascript中的焦点管理
Sep 17 Javascript
livereload工具实现前端可视化开发【推荐】
Dec 23 Javascript
滚动条的监听与内容随着滚动条动态加载的实现
Feb 08 Javascript
Bootstrap风格的zTree右键菜单
Feb 17 Javascript
vue bootstrap小例子一枚
Jun 09 Javascript
在vue中使用SockJS实现webSocket通信的过程
Aug 29 Javascript
Vue中保存数据到磁盘文件的方法
Sep 06 Javascript
Vue中的methods、watch、computed的区别
Nov 26 Javascript
Javascript原生ajax请求代码实例
Feb 20 Javascript
详解如何在Vue里建立长按指令
Aug 20 #Javascript
微信小程序scroll-view实现滚动穿透和阻止滚动的方法
Aug 20 #Javascript
Angular6 写一个简单的Select组件示例
Aug 20 #Javascript
Layer弹出层动态获取数据的方法
Aug 20 #Javascript
layui 给数据表格加序号的方法
Aug 20 #Javascript
解决LayUI表单获取不到data的问题
Aug 20 #Javascript
Layui数据表格之获取表格中所有的数据方法
Aug 20 #Javascript
You might like
全国FM电台频率大全 - 22 重庆市
2020/03/11 无线电
PHP中的生成XML文件的4种方法分享
2012/10/06 PHP
PHP实现的交通银行网银在线支付接口ECSHOP插件和使用例子
2014/05/10 PHP
thinkPHP+ajax实现统计页面pv浏览量的方法
2017/03/15 PHP
postman的安装与使用方法(模拟Get和Post请求)
2018/08/06 PHP
php连接sftp的作用以及实例代码
2019/09/23 PHP
IE event.srcElement和FF event.target 功能比较
2010/03/01 Javascript
div层的移动及性能优化
2010/11/16 Javascript
jquery分页插件AmSetPager(自写)
2013/04/15 Javascript
jquery mobile动态添加元素之后不能正确渲染解决方法说明
2014/03/05 Javascript
jquery 自定义容器下雨效果可将下雨图标改为其他
2014/04/23 Javascript
Javascript 拖拽雏形(逐行分析代码,让你轻松了拖拽的原理)
2015/01/23 Javascript
javascript实现信息增删改查的方法
2015/07/25 Javascript
Vue.js双向绑定操作技巧(初级入门)
2016/12/27 Javascript
zTree实现节点修改的实时刷新功能
2017/03/20 Javascript
JavaScript设计模式之单例模式原理与用法实例分析
2018/07/26 Javascript
浅析Vue项目中使用keep-Alive步骤
2018/07/27 Javascript
对layui中表单元素的使用详解
2018/08/15 Javascript
vue项目中openlayers绘制行政区划
2020/12/24 Vue.js
Python实现针对含中文字符串的截取功能示例
2017/09/22 Python
在python中pandas的series合并方法
2018/11/12 Python
将pandas.dataframe的数据写入到文件中的方法
2018/12/07 Python
使用Pycharm在运行过程中,查看每个变量的操作(show variables)
2020/06/08 Python
Monnier Frères美国官网:法国知名奢侈品网站
2016/11/22 全球购物
汉森冲浪板:Hansen Surfboards
2018/05/19 全球购物
生物技术专业研究生自荐信
2013/09/22 职场文书
学校万圣节活动方案
2014/02/13 职场文书
国贸专业自荐信范文
2014/03/02 职场文书
诚信承诺书范文
2014/03/27 职场文书
学生个人自我鉴定范文
2014/03/28 职场文书
求职意向书范文
2014/04/01 职场文书
马智宇结婚主持词
2014/04/01 职场文书
授权委托书协议书
2014/10/16 职场文书
医院财务人员岗位职责
2015/04/14 职场文书
Redis实现订单自动过期功能的示例代码
2021/05/08 Redis
python开发的自动化运维工具ansible详解
2021/08/07 Python