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 相关文章推荐
Javascript 两个窗体之间传值实现代码
Sep 25 Javascript
解析dom中的children对象数组元素firstChild,lastChild的使用
Jul 10 Javascript
jQuery .attr()和.removeAttr()方法操作元素属性示例
Jul 16 Javascript
深入解析JavaScript中的变量作用域
Dec 06 Javascript
JavaScript访问CSS属性的几种方式介绍
Jul 21 Javascript
setinterval()与clearInterval()JS函数的调用方法
Jan 21 Javascript
基于javascript实现右下角浮动广告效果
Jan 08 Javascript
JavaScript之cookie技术详解
Nov 18 Javascript
解决Vue在封装了Axios后手动刷新页面拦截器无效的问题
Nov 08 Javascript
Vue.js+cube-ui(Scroll组件)实现类似头条效果的横向滚动导航条
Jun 24 Javascript
如何通过shell脚本自动生成vue文件详解
Sep 10 Javascript
JavaScript语法约定和程序调试原理解析
Nov 03 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
鸡肋的PHP单例模式应用详解
2013/06/03 PHP
ThinkPHP公共配置文件与各自项目中配置文件组合的方法
2014/11/24 PHP
PHP浮点比较大小的方法
2016/02/14 PHP
CentOS 7.2 下编译安装PHP7.0.10+MySQL5.7.14+Nginx1.10.1的方法详解(mini版本)
2016/09/01 PHP
php生成无限栏目树
2017/03/16 PHP
基于Laravel5.4实现多字段登录功能方法示例
2017/08/11 PHP
HR vs ForZe BO3 第一场 2.13
2021/03/10 DOTA
TextArea 控件的最大长度问题(js json)
2009/12/16 Javascript
js下判断 iframe 是否加载完成的完美方法
2010/10/26 Javascript
解析John Resig Simple JavaScript Inheritance代码
2012/12/03 Javascript
js异常捕获方法介绍
2013/04/10 Javascript
JavaScript截取字符串的Slice、Substring、Substr函数详解和比较
2014/03/20 Javascript
Js中使用hasOwnProperty方法检索ajax响应对象的例子
2014/12/08 Javascript
JQuery实现可直接编辑的表格
2015/04/16 Javascript
基于JavaScript实现窗口拖动效果
2017/01/18 Javascript
jQuery中each循环的跳出和结束实例
2017/08/16 jQuery
详解JS中统计函数执行次数与执行时间
2018/09/04 Javascript
微信小程序实现文字跑马灯
2020/05/26 Javascript
JointJS JavaScript流程图绘制框架解析
2019/08/15 Javascript
Vue.js如何使用Socket.IO的示例代码
2019/09/05 Javascript
layui实现form表单同时提交数据和文件的代码
2019/10/25 Javascript
JS实现简易留言板增删功能
2020/02/08 Javascript
简单谈谈python中的多进程
2016/11/06 Python
利用Python实现Windows下的鼠标键盘模拟的实例代码
2017/07/13 Python
python版微信跳一跳游戏辅助
2018/01/11 Python
Python中的单继承与多继承实例分析
2018/05/10 Python
Tensorflow实现在训练好的模型上进行测试
2020/01/20 Python
使用K.function()调试keras操作
2020/06/17 Python
如何利用python发送邮件
2020/09/26 Python
css3 图片圆形显示 如何CSS将正方形图片显示为圆形图片布局
2014/10/10 HTML / CSS
教师政风行风自查自纠报告
2014/10/21 职场文书
人事文员岗位职责
2015/02/04 职场文书
spring boot中nativeQuery的用法
2021/07/26 Java/Android
Mysql超详细讲解死锁问题的理解
2022/04/01 MySQL
PostgreSQL出现死锁该如何解决
2022/05/30 PostgreSQL
Nginx代理Redis哨兵主从配置的实现
2022/07/15 Servers