使用layer模态框给新页面传值的方法


Posted in Javascript onSeptember 27, 2019

昨天用hui后台模板的时候用到模态框传值给另一个新页面

模板是这么写的 没办法给新页面传值,于是百度了一下,总结

function zhuyuan(title,url,id,w,h,type){
  layer.open({
    title:'添加分类',
    type: 2,
    area: ['700px', '530px'],
    fix: false, //不固定
    maxmin: true,
    content: '{:url("yuyue/huayan")}?type=3',
    success:function(layero,index){
    },
    end:function(){
      var handle_status = $("#handle_status").val();
      if ( handle_status == '1' ) {
        layer.msg('添加成功!',{
          icon: 1,
          time: 2000 //2秒关闭(如果不配置,默认是3秒)
        },function(){
          history.go(0);
        });
      } else if ( handle_status == '2' ) {
        layer.msg('添加失败!',{
          icon: 2,
          time: 2000 //2秒关闭(如果不配置,默认是3秒)
        },function(){
          history.go(0);
        });
      }
    }
  });
 }

里面的content就是跳转的路径 可以用“?参数=***”传值

以上这篇使用layer模态框给新页面传值的方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
JavaScript高级程序设计 DOM学习笔记
Sep 10 Javascript
一张表格告诉你windows.onload()与$(document).ready()的区别
May 16 Javascript
Bootstrap导航条可点击和鼠标悬停显示下拉菜单
Nov 25 Javascript
实现点击下箭头变上箭头来回切换的两种方法【推荐】
Dec 14 Javascript
JS html时钟制作代码分享
Mar 03 Javascript
jQuery插件HighCharts绘制2D饼图效果示例【附demo源码下载】
Mar 21 jQuery
微信小程序开发之麦克风动画 帧动画 放大 淡出
Apr 18 Javascript
JavaScript门面模式详解
Oct 19 Javascript
vue js秒转天数小时分钟秒的实例代码
Aug 08 Javascript
vue.js项目 el-input 组件 监听回车键实现搜索功能示例
Aug 25 Javascript
Vue Echarts实现可视化世界地图代码实例
May 07 Javascript
解决layui-open关闭自身窗口的问题
Sep 10 Javascript
JavaScript实现随机五位数验证码
Sep 27 #Javascript
layer弹出层倒计时关闭的实现方法
Sep 27 #Javascript
layer.alert自定义关闭回调事件的方法
Sep 27 #Javascript
简单了解微信小程序 e.target与e.currentTarget的不同
Sep 27 #Javascript
ligerUI的ligerDialog关闭刷新的方法
Sep 27 #Javascript
微信小程序 冒泡事件原理解析
Sep 27 #Javascript
JavaScript实现背景自动切换小案例
Sep 27 #Javascript
You might like
来自phpguru得Php Cache类源码
2010/04/15 PHP
PHP中实现中文字符进制转换原理分析
2011/12/06 PHP
PHP+Mysql+Ajax+JS实现省市区三级联动
2014/05/23 PHP
php二维数组合并及去重复的方法
2015/03/04 PHP
php使用post数组的键值创建同名变量并赋值的方法
2015/04/03 PHP
关于PHP定时发送服务的解决办法
2017/04/23 PHP
ASP.NET jQuery 实例5 (显示CheckBoxList成员选中的内容)
2012/01/13 Javascript
javascript中直接写php代码的方法
2013/07/31 Javascript
基于promise.js实现nodejs的promises库
2014/07/06 NodeJs
jQuery过滤选择器详解
2015/01/13 Javascript
js实现接收表单的值并将值拼在表单action后面的方法
2015/11/23 Javascript
原生javascript实现自动更新的时间日期
2016/02/12 Javascript
使用jQuery.form.js/springmvc框架实现文件上传功能
2016/05/12 Javascript
学习掌握JavaScript中this的使用技巧
2016/08/29 Javascript
全面解析Bootstrap表单样式的使用
2016/09/09 Javascript
BootStrap 模态框实现刷新网页并关闭功能
2017/01/04 Javascript
原JS实现banner图的常用功能
2017/06/12 Javascript
vue实现div拖拽互换位置
2020/07/29 Javascript
搭建一个nodejs脚手架的方法步骤
2019/06/28 NodeJs
JavaScript 闭包的使用场景
2020/09/17 Javascript
解决Vue大括号字符换行踩的坑
2020/11/09 Javascript
[49:28]VP vs Optic 2018国际邀请赛小组赛BO2 第二场 8.16
2018/08/17 DOTA
Python通过Pygame绘制移动的矩形实例代码
2018/01/03 Python
Python实现的简单排列组合算法示例
2018/07/04 Python
python代码过长的换行方法
2018/07/19 Python
pyqt5之将textBrowser的内容写入txt文档的方法
2019/06/21 Python
python 处理微信对账单数据的实例代码
2019/07/19 Python
基于pytorch padding=SAME的解决方式
2020/02/18 Python
Python利用FFT进行简单滤波的实现
2020/02/26 Python
python 装饰器的实际作用有哪些
2020/09/07 Python
英国知名的皮手套品牌:Dents
2016/11/13 全球购物
多媒体编辑专业毕业生推荐信
2013/11/05 职场文书
技术人员面试提纲
2013/11/28 职场文书
大学学习个人的自我评价
2014/02/18 职场文书
热血教师观后感
2015/06/10 职场文书
2016年中学植树节活动总结
2016/03/16 职场文书