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 相关文章推荐
js判断输入是否为正整数、浮点数等数字的函数代码
Nov 17 Javascript
jquery与js函数冲突的两种解决方法
Sep 09 Javascript
常用jQuery代码分享
Jul 14 Javascript
学习JavaScript设计模式之状态模式
Jan 08 Javascript
基于JavaScript实现TAB标签效果
Jan 12 Javascript
jQuery EasyUI学习教程之datagrid点击列表头排序
Jul 09 Javascript
在 Angular2 中实现自定义校验指令(确认密码)的方法
Jan 23 Javascript
vue中进入详情页记住滚动位置的方法(keep-alive)
Sep 21 Javascript
js拖动滑块和点击水波纹效果实例代码
Oct 16 Javascript
详释JavaScript执行环境与执行栈
Apr 02 Javascript
详解Vue前端生产环境发布配置实战篇
May 07 Javascript
Vue使用Proxy代理后仍无法生效的解决
Nov 13 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连接MySQL代码的参数说明
2008/06/07 PHP
The specified CGI application misbehaved by not returning a complete set of HTTP headers
2011/03/31 PHP
Zend Framework教程之MVC框架的Controller用法分析
2016/03/07 PHP
PHP7匿名类用法分析
2016/09/26 PHP
PHP使用数组实现矩阵数学运算的方法示例
2017/05/29 PHP
yii2.0整合阿里云oss的示例代码
2017/09/19 PHP
Yii2框架控制器、路由、Url生成操作示例
2019/05/27 PHP
picChange 图片切换特效的函数代码
2010/05/06 Javascript
Json对象替换字符串占位符实现代码
2010/11/17 Javascript
getElementByIdx_x js自定义getElementById函数
2012/01/24 Javascript
判断输入是否为空,获得输入类型的JS代码
2013/10/30 Javascript
JQuery实现table行折叠效果以JSON做数据源
2014/05/26 Javascript
node.js中的fs.fstat方法使用说明
2014/12/15 Javascript
快速掌握jQuery插件WebUploader文件上传
2016/11/07 Javascript
vue中用H5实现文件上传的方法实例代码
2017/05/27 Javascript
Linux系统中利用node.js提取Word(doc/docx)及PDF文本的内容
2017/06/17 Javascript
jquery DataTable实现前后台动态分页
2017/06/17 jQuery
vscode下vue项目中eslint的使用方法
2019/01/13 Javascript
完美解决Python 2.7不能正常使用pip install的问题
2018/06/12 Python
Python类装饰器实现方法详解
2018/12/21 Python
python获取服务器响应cookie的实例
2018/12/28 Python
详解Matplotlib绘图之属性设置
2019/08/23 Python
详解Python3 pickle模块用法
2019/09/16 Python
python range实例用法分享
2020/02/06 Python
浅谈Python3中print函数的换行
2020/08/05 Python
python将字典内容写入json文件的实例代码
2020/08/12 Python
python 星号(*)的多种用途
2020/09/21 Python
英国奢侈品在线精品店:Hervia
2020/09/03 全球购物
一份全面的PHP面试问题考卷
2012/07/15 面试题
学习之星事迹材料
2014/05/17 职场文书
材料物理专业求职信
2014/09/01 职场文书
学习优秀党员杨宗兴先进事迹材料思想汇报
2014/09/14 职场文书
2015企业年终工作总结范文
2015/05/27 职场文书
详解Java七大阻塞队列之SynchronousQueue
2021/09/04 Java/Android
Mysql忘记密码解决方法
2022/02/12 MySQL
vue-cli3.x配置全局的scss的时候报错问题及解决
2022/04/30 Vue.js