使用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 相关文章推荐
js+CSS 图片等比缩小并垂直居中实现代码
Dec 01 Javascript
Javascript面向对象编程
Mar 18 Javascript
js 跳出页面的frameset框架示例介绍
Dec 23 Javascript
简体中文转换繁体中文(实现代码)
Dec 25 Javascript
jquery修改网页背景颜色通过css方法实现
Jun 06 Javascript
JQuery中上下文选择器实现方法
May 18 Javascript
jquery实现叠层3D文字特效代码分享
Aug 21 Javascript
jQuery中常用动画效果函数(日常整理)
Sep 17 Javascript
vue 引入公共css文件的简单方法(推荐)
Jan 20 Javascript
微信小程序tab切换可滑动切换导航栏跟随滚动实现代码
Sep 04 Javascript
微信小程序全局变量的设置、使用、修改过程解析
Sep 24 Javascript
React中Ref 的使用方法详解
Apr 28 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
支持php4、php5的mysql数据库操作类
2008/01/10 PHP
ThinkPHP查询语句与关联查询用法实例
2014/11/01 PHP
php使用gzip压缩传输js和css文件的方法
2015/07/29 PHP
PHP+MySQL存储数据常见中文乱码问题小结
2016/06/13 PHP
js 文件引入实现代码
2010/04/23 Javascript
Javascript模块化编程详解
2014/12/01 Javascript
Angularjs制作简单的路由功能demo
2015/04/14 Javascript
jQuery实现图片与文字描述左右滑动自动切换的方法
2015/07/27 Javascript
jQuery实现点击小图显示大图代码分享
2015/08/25 Javascript
日常收集整理的JavaScript常用函数方法
2015/12/10 Javascript
JS+HTML5实现的前端购物车功能插件实例【附demo源码下载】
2016/10/17 Javascript
基于JavaScript实现全选、不选和反选效果
2017/02/15 Javascript
angularjs之$timeout指令详解
2017/06/13 Javascript
Angular2整合其他插件的方法
2018/01/20 Javascript
NodeJs实现简单的爬虫功能案例分析
2018/12/05 NodeJs
[46:04]Liquid vs VP Supermajor决赛 BO 第四场 6.10
2018/07/05 DOTA
Python向日志输出中添加上下文信息
2017/05/24 Python
python3模块smtplib实现发送邮件功能
2018/05/22 Python
Python异常处理操作实例详解
2018/08/28 Python
python判断字符串或者集合是否为空的实例
2019/01/23 Python
python导入坐标点的具体操作
2019/05/10 Python
Python将string转换到float的实例方法
2019/07/29 Python
pycharm 设置项目的根目录教程
2020/02/12 Python
GWT都有什么特性
2016/12/02 面试题
幼师自荐信范文
2013/10/06 职场文书
实习生体会的自我评价范文
2013/11/28 职场文书
人事任命书范文
2014/06/04 职场文书
2014年前台文员工作总结
2014/12/08 职场文书
考试作弊检讨书范文
2015/01/27 职场文书
小学教育见习总结
2015/06/23 职场文书
校运会通讯稿
2015/07/18 职场文书
2016年6月份红领巾广播稿
2015/12/21 职场文书
意外事故赔偿协议书
2016/03/22 职场文书
Python数据类型最全知识总结
2021/05/31 Python
html实现弹窗的实例
2021/06/09 HTML / CSS
解决linux下redis数据库overcommit_memory问题
2022/02/24 Redis