使用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 相关文章推荐
List Information About the Binary Files Used by an Application
Jun 18 Javascript
jQuery版Tab标签切换
Mar 16 Javascript
JS限制Textarea文本域字符个数的具体实现
Aug 02 Javascript
巧用局部变量提升javascript性能
Feb 24 Javascript
jquery禁用右键单击功能屏蔽F5刷新
Mar 17 Javascript
javascript作用域问题实例分析
Jul 13 Javascript
jQuery的each循环用法简单示例
Jun 12 Javascript
BootStrap 图标icon符号图标glyphicons不正常显示的快速解决办法
Dec 08 Javascript
Node.js中 __dirname 的使用介绍
Jun 19 Javascript
JavaScript的Object.defineProperty详解
Jul 09 Javascript
Vue2.0生命周期的理解
Aug 20 Javascript
PWA介绍及快速上手搭建一个PWA应用的方法
Jan 27 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
解决file_get_contents无法请求https连接的方法
2013/12/17 PHP
php实现格式化多行文本为Js可用格式
2015/04/15 PHP
PHP函数引用返回的实例详解
2016/09/11 PHP
js实现的日期操作类DateTime函数代码
2010/03/16 Javascript
10款新鲜出炉的 jQuery 插件(Ajax 插件,有幻灯片、图片画廊、菜单等)
2011/06/08 Javascript
javascript学习笔记(十) js对象 继承
2012/06/19 Javascript
js时间日期格式化封装函数
2014/12/02 Javascript
Javascript 高阶函数使用介绍
2015/06/15 Javascript
jquery实现的淡入淡出下拉菜单效果
2015/08/25 Javascript
浏览器环境下JavaScript脚本加载与执行探析之动态脚本与Ajax脚本注入
2016/01/19 Javascript
vue.js中实现登录控制的方法示例
2018/04/23 Javascript
基于bootstrap页面渲染的问题解决方法
2018/08/09 Javascript
JS实现带阴历的日历功能详解
2019/01/24 Javascript
ionic+html5+API实现双击返回键退出应用
2019/09/17 Javascript
详解Vue 单文件组件的三种写法
2020/02/19 Javascript
vue实现计算器功能
2020/02/22 Javascript
Vue基于iview table展示图片实现点击放大
2020/08/05 Javascript
el-table表头根据内容自适应完美解决表头错位和固定列错位
2021/01/07 Javascript
[53:10]Secret vs Pain 2018国际邀请赛小组赛BO2 第一场 8.17
2018/08/20 DOTA
一些Centos Python 生产环境的部署命令(推荐)
2018/05/07 Python
Python简单实现区域生长方式
2020/01/16 Python
利用Python实现斐波那契数列的方法实例
2020/07/26 Python
详解CSS3中常用的样式【基本文本和字体样式】
2020/10/20 HTML / CSS
唤醒头发毛囊的秘密武器:Grow Gorgeous
2016/08/28 全球购物
美国宠物商店:Wag.com
2016/10/25 全球购物
Maje德国官网:法国女性成衣品牌
2017/02/10 全球购物
百思买加拿大:Best Buy Canada
2018/03/20 全球购物
PHP面试题大全
2015/10/16 面试题
简短证婚人证婚词
2014/01/09 职场文书
项目管理计划书
2014/01/09 职场文书
高中生的自我评价
2014/03/04 职场文书
出生证明公证书
2014/04/09 职场文书
转让协议书范本
2014/04/15 职场文书
2014银行领导班子群众路线对照检查材料思想汇报
2014/09/17 职场文书
上班迟到检讨书300字
2014/10/18 职场文书
基于Python实现的购物商城管理系统
2021/04/27 Python