使用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把图片转化为字符画
Oct 24 Javascript
js整数字符串转换为金额类型数据(示例代码)
Dec 26 Javascript
jquery列表拖动排列(由项目提取相当好用)
Jun 17 Javascript
用C/C++来实现 Node.js 的模块(一)
Sep 24 Javascript
7个让JavaScript变得更好的注意事项
Jan 28 Javascript
jQuery+PHP+MySQL实现无限级联下拉框效果
Feb 19 Javascript
JS+Canvas 实现下雨下雪效果
May 18 Javascript
详解JavaScript中数组的reduce方法
Dec 02 Javascript
jQuery中clone()函数实现表单中增加和减少输入项
May 13 jQuery
JavaScript原生实现观察者模式的示例
Dec 15 Javascript
浅谈Webpack多页应用HMR卡住问题
Apr 24 Javascript
手把手带你入门微信小程序新框架Kbone的使用
Feb 25 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
php录入页面中动态从数据库中提取数据的实现
2006/10/09 PHP
php 数组的创建、调用和更新实现代码
2009/03/09 PHP
php生成的html meta和link标记在body标签里 顶部有个空行
2010/05/18 PHP
PHP简单判断iPhone、iPad、Android及PC设备的方法
2016/10/11 PHP
php实现JWT(json web token)鉴权实例详解
2019/11/05 PHP
jQuery 数据缓存data(name, value)详解及实现
2010/01/04 Javascript
JQuery获取元素文档大小、偏移和位置和滚动条位置的方法集合
2010/01/12 Javascript
自制轻量级仿jQuery.boxy对话框插件代码
2010/10/26 Javascript
js中return false(阻止)的用法
2013/08/14 Javascript
IE6已终止操作问题的2种情况及解决
2014/04/23 Javascript
浅谈利用JavaScript进行的DDoS攻击原理与防御
2015/06/04 Javascript
原生JS中slice()方法和splice()区别
2017/03/06 Javascript
微信小程序调用PHP后台接口 解析纯html文本
2017/06/13 Javascript
JS实现留言板功能
2017/06/17 Javascript
vue中倒计时组件的实例代码
2018/07/06 Javascript
详解Vue.directive 自定义指令
2019/03/27 Javascript
解决Idea、WebStorm下使用Vue cli脚手架项目无法使用Webpack别名的问题
2019/10/11 Javascript
2019最新21个MySQL高频面试题介绍
2020/02/06 Javascript
JS异步宏队列微队列原理详解
2020/09/09 Javascript
多种类型jQuery网页验证码插件代码实例
2021/01/09 jQuery
Python 命令行参数sys.argv
2008/09/06 Python
Python连接mssql数据库编码问题解决方法
2015/01/01 Python
python基于windows平台锁定键盘输入的方法
2015/03/05 Python
python使用arp欺骗伪造网关的方法
2015/04/24 Python
Python中Django框架利用url来控制登录的方法
2015/07/25 Python
Python利用multiprocessing实现最简单的分布式作业调度系统实例
2017/11/14 Python
python生成ppt的方法
2018/06/07 Python
python实现图片识别汽车功能
2018/11/30 Python
Python3的unicode编码转换成中文的问题及解决方案
2019/12/10 Python
Windows 平台做 Python 开发的最佳组合(推荐)
2020/07/27 Python
Spanx塑身衣官网:美国知名内衣品牌
2017/01/11 全球购物
eBay瑞士购物网站:eBay.ch
2018/12/24 全球购物
户籍证明的格式
2014/01/13 职场文书
销售类求职信
2014/06/13 职场文书
先进集体事迹材料范文
2014/12/25 职场文书
同学聚会通知书
2015/04/20 职场文书