当前位置:主页 > javascript教程 > layui弹出层按钮提交iframe表单的方法

layui弹出层按钮提交iframe表单实例效果

发布:2020-01-27 16:56:46 69


给网友朋友们带来一篇javascript相关的编程文章,网友屠暄婷根据主题投稿了本篇教程内容,涉及到layui、iframe、layui弹出层按钮提交iframe表单的方法相关内容,已被322网友关注,涉猎到的知识点内容可以在下方电子书获得。

layui弹出层按钮提交iframe表单的方法

如下所示:

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表单的方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持码农之家。


参考资料

相关文章

  • 同域jQuery(跨)iframe操作DOM的实例代码讲解

    发布:2019-10-31

    本篇文章主要是对同域jQuery(跨)iframe操作DOM进行了详细的介绍,需要的朋友可以过来参考下,希望对大家有所帮助


  • 关于layui表格的表头不滚动的实例详解

    发布:2020-01-11

    今天小编就为大家分享一篇解决layui表格的表头不滚动的问题,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧


  • 分享jquery.bgiframe.js在IE9下提示INVALID_CHARACTER_ERR错误解决方案

    发布:2020-02-21

    今天测试偶然发现jquery.bgiframe.js在IE9环境下提示错误,于是很是好奇,想办法知道究竟,于是搜索了一下,现在与大家分享希望可以帮助你们


  • 仿iframe效果Aajx文件上传实例

    发布:2023-01-16

    给网友朋友们带来一篇关于jQuery的教程,下面小编就为大家带来一篇仿iframe效果Aajx文件上传实例。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧


  • SpringBoot+layui实现文件上传功能的实例讲解

    发布:2019-10-29

    Spring Boot是由Pivotal团队提供的全新框架,其设计目的是用来简化新Spring应用的初始搭建以及开发过程。这篇文章主要介绍了SpringBoot+layui实现文件上传,需要的朋友可以参考下


  • Django layui {{}}冲突的问题解决方案

    发布:2019-09-23

    今天小编就为大家分享一篇解决Django layui {{}}冲突的问题,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧


  • 在vue项目中使用layui框架的方法及采坑总结

    发布:2019-09-16

    这篇文章主要介绍了vue使用layui框架,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧


  • layui点击导航栏刷新tab页的实例详解

    发布:2020-03-08

    今天小编就为大家分享一篇layui点击导航栏刷新tab页的示例代码,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧


网友讨论