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 09 Javascript
js获取鼠标点击的位置实现思路及代码
May 09 Javascript
javascript的函数作用域
Nov 12 Javascript
JavaScript让Textarea支持tab按键的方法
Jun 26 Javascript
利用jquery制作滚动到指定位置触发动画
Mar 26 Javascript
jquery使用on绑定a标签无效 只能用live解决
Jun 02 Javascript
jquery+ajax+text文本框实现智能提示完整实例
Jul 09 Javascript
在 Vue 项目中引入 tinymce 富文本编辑器的完整代码
May 04 Javascript
使用vue-router与v-if实现tab切换遇到的问题及解决方法
Sep 07 Javascript
javascript动态创建对象的属性详解
Nov 07 Javascript
关于JS解构的5种有趣用法
Sep 05 Javascript
微信小程序之高德地图多点路线规划过程示例详解
Jan 18 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
CI框架实现cookie登陆的方法详解
2016/05/18 PHP
JavaScript Event学习第八章 事件的顺序
2010/02/07 Javascript
ExtJS 学习专题(一) 如何应用ExtJS(附实例)
2010/03/11 Javascript
JavaScript开发规范要求(规范化代码)
2010/08/16 Javascript
js各种验证文本框输入格式(正则表达式)
2010/10/22 Javascript
10个基于Jquery的幻灯片插件教程
2010/10/29 Javascript
JS去除右边逗号的简单方法
2013/07/03 Javascript
javascript函数声明和函数表达式区别分析
2014/12/02 Javascript
通过实例理解javascript中没有函数重载的概念
2015/06/03 Javascript
JSON相关知识汇总
2015/07/03 Javascript
对于Javascript 执行上下文的全面了解
2017/09/05 Javascript
分享5个小技巧让你写出更好的 JavaScript 条件语句
2018/10/20 Javascript
JQuery animate动画应用示例
2019/05/14 jQuery
JavaScript+HTML5 canvas实现放大镜效果完整示例
2019/05/15 Javascript
VUE动态生成word的实现
2020/07/26 Javascript
vue+echarts实现中国地图流动效果(步骤详解)
2021/01/27 Vue.js
Python中使用dom模块生成XML文件示例
2015/04/05 Python
Python实现Dijkstra算法
2018/10/17 Python
python判断完全平方数的方法
2018/11/13 Python
Python中logging实例讲解
2019/01/17 Python
使用Django简单编写一个XSS平台的方法步骤
2019/03/25 Python
keras K.function获取某层的输出操作
2020/06/29 Python
在vscode中启动conda虚拟环境的思路详解
2020/12/25 Python
canvas像素画板的实现代码
2018/11/21 HTML / CSS
精美的手工家居和生活用品:Nkuku
2019/11/01 全球购物
光声世纪笔试题目
2012/08/25 面试题
几个Linux面试题笔试题
2012/12/01 面试题
护理人员的自我评价分享
2014/03/15 职场文书
运动会加油口号
2014/06/07 职场文书
预备党员转正材料
2014/12/19 职场文书
幼儿教师小班个人总结
2015/02/05 职场文书
小型婚礼主持词
2015/06/30 职场文书
2015暑假假期总结
2015/07/13 职场文书
优秀共产党员主要事迹材料
2015/11/05 职场文书
go语言基础 seek光标位置os包的使用
2021/05/09 Golang