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 相关文章推荐
不错的asp中显示新闻的功能
Oct 13 Javascript
jQuery弹出层插件简化版代码下载
Oct 16 Javascript
JS取得绝对路径的实现代码
Jan 16 Javascript
在JavaScript中使用JSON数据
Feb 15 Javascript
微信小程序实战之自定义模态弹窗(8)
Apr 18 Javascript
利用Three.js如何实现阴影效果实例代码
Sep 26 Javascript
React BootStrap用户体验框架快速上手
Mar 06 Javascript
Vue.js 实现微信公众号菜单编辑器功能(二)
May 08 Javascript
jQuery解析json格式数据示例
Sep 01 jQuery
element-ui 时间选择器限制范围的实现(随动)
Jan 09 Javascript
vue-cli3跨域配置的简单方法
Sep 06 Javascript
vue实现select下拉显示隐藏功能
Sep 30 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编写PDF文档生成器
2006/10/09 PHP
PHP函数getenv简介和使用实例
2014/05/12 PHP
Smarty模板学习笔记之Smarty简介
2014/05/20 PHP
php通过pecl方式安装扩展的实例讲解
2018/02/02 PHP
对字符串进行HTML编码和解码的JavaScript函数
2010/02/01 Javascript
纯JS实现的批量图片预览加载功能
2011/08/14 Javascript
非常有用的40款jQuery 插件推荐(系列二)
2011/12/25 Javascript
jQuery使用动态渲染表单功能完成ajax文件下载
2013/01/15 Javascript
Jquery操作下拉框(DropDownList)实现取值赋值
2013/08/13 Javascript
获得Javascript对象属性个数的示例代码
2013/11/21 Javascript
angularjs 中$apply,$digest,$watch详解
2016/10/13 Javascript
微信小程序 增、删、改、查操作实例详解
2017/01/13 Javascript
es6学习笔记之Async函数基本教程
2017/05/11 Javascript
vue bootstrap小例子一枚
2017/06/09 Javascript
ionic2自定义cordova插件开发以及使用(Android)
2017/06/19 Javascript
手把手教你搭建ES6的开发运行环境
2017/07/11 Javascript
vue2.0 computed 计算list循环后累加值的实例
2018/03/07 Javascript
vue动态添加路由addRoutes之不能将动态路由存入缓存的解决
2019/02/19 Javascript
JS实现提示效果弹出及延迟隐藏的功能
2019/08/26 Javascript
谈谈node.js中的模块系统
2020/09/01 Javascript
[40:03]DOTA2上海特级锦标赛主赛事日 - 1 败者组第一轮#1EHOME VS Archon
2016/03/02 DOTA
Python Tkinter简单布局实例教程
2014/09/03 Python
仅用50行Python代码实现一个简单的代理服务器
2015/04/08 Python
Django中传递参数到URLconf的视图函数中的方法
2015/07/18 Python
ubuntu安装mysql pycharm sublime
2018/02/20 Python
python多行字符串拼接使用小括号的方法
2020/03/19 Python
python使用wxpy实现微信消息防撤回脚本
2019/04/29 Python
Apache,wsgi,django 程序部署配置方法详解
2019/07/01 Python
python词云库wordCloud使用方法详解(解决中文乱码)
2020/02/17 Python
Python count函数使用方法实例解析
2020/03/23 Python
PyTorch-GPU加速实例
2020/06/23 Python
Python之Sklearn使用入门教程
2021/02/19 Python
本科生的职业生涯规划范文
2014/01/09 职场文书
高考升学宴主持词
2019/06/21 职场文书
自制短波长线天线频率预选器 - 成功消除B2K之流的镜像
2021/04/22 无线电
CSS 一行代码实现头像与国旗的融合
2021/10/24 HTML / CSS