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 写类方式之二
Jul 05 Javascript
点击按钮或链接不跳转只刷新页面的脚本整理
Oct 22 Javascript
js实现身份证号码验证的简单实例
Feb 19 Javascript
JQuery中Text方法用法实例分析
May 18 Javascript
jQuery mobile 移动web(4)
Dec 20 Javascript
JS获取子窗口中返回的数据实现方法
May 28 Javascript
JS中script标签defer和async属性的区别详解
Aug 12 Javascript
微信公众号开发 自定义菜单跳转页面并获取用户信息实例详解
Dec 08 Javascript
微信小程序 列表的上拉加载和下拉刷新的实现
Apr 01 Javascript
详解AngularJS ng-class样式切换
Jun 27 Javascript
jQuery实现合并表格单元格中相同行操作示例
Jan 28 jQuery
vue element-ui el-date-picker限制选择时间为当天之前的代码
Nov 07 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
md5 16位二进制与32位字符串相互转换示例
2013/12/30 PHP
PHP网页游戏学习之Xnova(ogame)源码解读(十六)
2014/06/30 PHP
使用PHP uniqid函数生成唯一ID
2015/11/18 PHP
thinkPHP+ajax实现统计页面pv浏览量的方法
2017/03/15 PHP
PHP中的异常处理机制深入讲解
2020/11/10 PHP
由document.body和document.documentElement想到的
2009/04/13 Javascript
node.js中的fs.lchownSync方法使用说明
2014/12/16 Javascript
javascript 对象数组根据对象object key的值排序
2015/03/09 Javascript
深入浅析AngularJS和DataModel
2016/02/16 Javascript
js 实现数值的千分位及保存小数方法(推荐)
2016/08/01 Javascript
JavaScript如何实现跨域请求
2016/08/05 Javascript
Vue.js动态组件解析
2016/09/09 Javascript
js实现移动端微信页面禁止字体放大
2017/02/16 Javascript
JS实现的走迷宫小游戏完整实例
2017/07/19 Javascript
前端图片懒加载(lazyload)的实现方法(提高用户体验)
2017/08/21 Javascript
基于form-data请求格式详解
2019/10/29 Javascript
微信小程序用户盒子、宫格列表的实现
2020/07/01 Javascript
python统计cpu利用率的方法
2015/06/02 Python
Python实现基本线性数据结构
2016/08/22 Python
Django Rest framework之认证的实现代码
2018/12/17 Python
Django中信号signals的简单使用方法
2019/07/04 Python
Django CBV类的用法详解
2019/07/26 Python
Pyqt5自适应布局实例
2019/12/13 Python
Python object类中的特殊方法代码讲解
2020/03/06 Python
python三引号如何输入
2020/07/06 Python
python获取linux系统信息的三种方法
2020/10/14 Python
css和css3弹性盒模型实现元素宽度(高度)自适应
2019/05/15 HTML / CSS
英语演讲稿范文
2014/01/03 职场文书
畜牧兽医本科生的自我评价
2014/03/03 职场文书
公开承诺书格式
2014/05/21 职场文书
环境卫生标语
2014/06/09 职场文书
个人买房协议书范本
2014/10/06 职场文书
四风问题党员个人整改措施
2014/10/27 职场文书
二手车交易协议书标准版
2014/11/16 职场文书
2014年防汛工作总结
2014/12/08 职场文书
导游词之杭州岳王庙
2019/11/13 职场文书