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代码
Apr 01 Javascript
使用jQuery中的when实现多个AJAX请求对应单个回调的例子分享
Apr 23 Javascript
封装好的一个万能检测表单的方法
Jan 21 Javascript
jQuery on()方法使用技巧详解
Apr 16 Javascript
JS基于Ajax实现的网页Loading效果代码
Oct 27 Javascript
AngularJS初始化静态模板详解
Jan 14 Javascript
JQueryMiniUI按照时间进行查询的实现方法
Jun 07 jQuery
详解vue服务端渲染(SSR)初探
Jun 19 Javascript
vuejs+element-ui+laravel5.4上传文件的示例代码
Aug 12 Javascript
详解Vue微信授权登录前后端分离较为优雅的解决方案
Jun 29 Javascript
如何能分清npm cnpm npx nvm
Jan 17 Javascript
JavaScript 实现继承的几种方式
Feb 19 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
PHP4实际应用经验篇(7)
2006/10/09 PHP
PHP安全防范技巧分享
2011/11/03 PHP
smarty模板引擎使用内建函数foreach循环取出所有数组值的方法
2015/01/22 PHP
PHP获取远程图片并保存到本地的方法
2015/05/12 PHP
php文件读取方法实例分析
2015/06/20 PHP
PHP环境中Memcache的安装和使用
2015/11/05 PHP
用jQuery技术实现Tab页界面之二
2009/09/21 Javascript
jQuery each()方法的使用方法
2010/03/18 Javascript
在JavaScript应用中使用RequireJS来实现延迟加载
2015/07/01 Javascript
详解angular element()方法使用
2017/04/08 Javascript
angular2/ionic2 实现搜索结果中的搜索关键字高亮的示例
2018/08/17 Javascript
js拖动滑块和点击水波纹效果实例代码
2018/10/16 Javascript
vue中tab选项卡的实现思路
2018/11/25 Javascript
vue项目中监听手机物理返回键的实现
2020/01/18 Javascript
vue实现div单选多选功能
2020/07/16 Javascript
jquery轮播图插件使用方法详解
2020/07/31 jQuery
js实现微信聊天效果
2020/08/09 Javascript
记一次vue跨域的解决
2020/10/21 Javascript
浅谈Python中chr、unichr、ord字符函数之间的对比
2016/06/16 Python
Python中的os.path路径模块中的操作方法总结
2016/07/07 Python
python实现两张图片拼接为一张图片并保存
2019/07/16 Python
python 画3维轨迹图并进行比较的实例
2019/12/06 Python
keras model.fit 解决validation_spilt=num 的问题
2020/06/19 Python
一款纯css3制作的2015年元旦雪人动画特效教程
2014/12/29 HTML / CSS
2014三八妇女节活动总结
2014/03/01 职场文书
会计专业毕业生求职信
2014/07/04 职场文书
我的中国梦演讲稿300字
2014/08/19 职场文书
暑期培训班策划方案
2014/08/26 职场文书
婚前协议书范本
2014/10/27 职场文书
合同权益转让协议书模板
2014/11/18 职场文书
2015年个人自我剖析材料
2014/12/29 职场文书
2016干部作风整顿心得体会
2016/01/22 职场文书
如何写好闭幕词
2019/04/02 职场文书
python爬虫--selenium模块
2021/03/31 Python
python对文档中元素删除,替换操作
2022/04/02 Python
springboot用户数据修改的详细实现
2022/04/06 Java/Android