使用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 相关文章推荐
Jquery进度条插件 Progress Bar小问题解决
Jul 12 Javascript
jquery fancybox ie6不显示关闭按钮的解决办法
Dec 25 Javascript
JavaScript更改原始对象valueOf的方法
Mar 19 Javascript
js根据手机客户端浏览器类型,判断跳转官网/手机网站多个实例代码
Apr 30 Javascript
jQueryUI 拖放排序遇到滚动条时有可能无法执行排序的小bug及解决方案
Dec 19 Javascript
JavaScript基于Dom操作实现查找、修改HTML元素的内容及属性的方法
Jan 20 Javascript
vue实现在线翻译功能
Sep 27 Javascript
vue和小程序项目中使用iconfont的方法
May 19 Javascript
实例分析javascript中的异步
Jun 02 Javascript
vue基于better-scroll仿京东分类列表
Jun 30 Javascript
vue-cli或vue项目利用HBuilder打包成移动端app操作
Jul 29 Javascript
js实现淘宝浏览商品放大镜功能
Oct 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
咖啡历史、消费和行业趋势
2021/03/03 咖啡文化
PHP获取链表中倒数第K个节点的方法
2018/01/18 PHP
laravel-admin 管理平台获取当前登陆用户信息的例子
2019/10/08 PHP
跟着JQuery API学Jquery 之三 筛选
2010/04/09 Javascript
使用jQuery向asp.net Mvc传递复杂json数据-ModelBinder篇
2010/05/07 Javascript
web的各种前端打印方法之jquery打印插件jqprint实现网页打印
2013/01/09 Javascript
JavaScript学习笔记之基础语法
2015/01/22 Javascript
JavaScript按值删除数组元素的方法
2015/04/24 Javascript
详解jQuery向动态生成的内容添加事件响应jQuery live()方法
2015/11/02 Javascript
js clearInterval()方法的定义和用法
2015/11/11 Javascript
基于Node.js + WebSocket打造即时聊天程序嗨聊
2016/11/29 Javascript
使用JavaScript为一张图片设置备选路径的方法
2017/01/04 Javascript
Vue中计算属性computed的示例解读
2017/07/26 Javascript
jQuery实现的鼠标响应缓冲动画效果示例
2018/02/13 jQuery
nodejs图片处理工具gm用法小结
2018/12/12 NodeJs
three.js搭建室内场景教程
2018/12/30 Javascript
Vue过滤器,生命周期函数和vue-resource简单介绍
2021/01/12 Vue.js
Python设计模式之代理模式实例
2014/04/26 Python
Python内置数据类型详解
2014/08/18 Python
python实现超简单端口转发的方法
2015/03/13 Python
在Linux系统上通过uWSGI配置Nginx+Python环境的教程
2015/12/25 Python
Python中asyncore异步模块的用法及实现httpclient的实例
2016/06/28 Python
基于Python中求和函数sum的用法详解
2018/06/28 Python
Pytorch训练过程出现nan的解决方式
2020/01/02 Python
浅谈opencv自动光学检测、目标分割和检测(连通区域和findContours)
2020/06/04 Python
python实现马丁策略的实例详解
2021/01/15 Python
HTML5中图片之间的缝隙完美解决方法
2017/07/07 HTML / CSS
html table呈现个人简历以及单元格宽度失效的问题解决
2021/01/22 HTML / CSS
印度在线内衣和时尚目的地:Zivame
2017/09/28 全球购物
NFL欧洲商店(德国):NFL Europe Shop DE
2018/11/03 全球购物
PHP面试题及答案二
2015/05/23 面试题
幼儿园秋游活动方案
2014/01/21 职场文书
雷锋精神演讲稿
2014/05/13 职场文书
六一文艺汇演主持词
2015/06/30 职场文书
反邪教教育心得体会
2016/01/15 职场文书
python 办公自动化——基于pyqt5和openpyxl统计符合要求的名单
2021/05/25 Python