使用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设置按钮的disabled属性的实现代码
Nov 28 Javascript
ie支持function.bind()方法实现代码
Dec 27 Javascript
AngularJS基础学习笔记之表达式
May 10 Javascript
全面解析Bootstrap弹窗的实现方法
Dec 01 Javascript
JS实现添加,替换,删除节点元素的方法
Jun 30 Javascript
require、backbone等重构手机图片查看器
Nov 17 Javascript
js 性能优化之算法和流程控制
Feb 15 Javascript
JavaScript基础之流程控制语句的用法
Aug 31 Javascript
JavaScript中reduce()的5个基本用法示例
Jul 19 Javascript
Vue router安装及使用方法解析
Dec 02 Vue.js
JS+CSS实现过渡特效
Jan 02 Javascript
JavaScript仿京东轮播图效果
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 网页播放器用来播放在线视频的代码(自动判断并选择视频文件类型)
2010/06/03 PHP
色色整理的PHP面试题集锦
2012/03/08 PHP
2个Codeigniter文件批量上传控制器写法例子
2014/07/25 PHP
php文件缓存类用法实例分析
2015/04/22 PHP
PHP使用星号替代用户名手机和邮箱的实现代码
2018/02/07 PHP
PHP给前端返回一个JSON对象的实例讲解
2018/05/31 PHP
JQuery UI DatePicker中z-index默认为1的解决办法
2010/09/28 Javascript
IE下使用cloneNode注意事项分享
2012/11/22 Javascript
Javascript实现滚动图片新闻的实例代码
2013/11/27 Javascript
js实现网页标题栏闪烁提示效果实例分析
2014/11/20 Javascript
JS+CSS实现简易实用的滑动门菜单效果
2015/09/18 Javascript
jQuery链式操作实例分析
2015/11/16 Javascript
JS对大量数据进行多重过滤的方法
2016/11/04 Javascript
vue2滚动条加载更多数据实现代码
2017/01/10 Javascript
JS实现数组去重方法总结(六种方法)
2017/07/14 Javascript
vue.extend与vue.component的区别和联系
2018/09/19 Javascript
vue3.0 搭建项目总结(详细步骤)
2019/05/20 Javascript
Vue-CLI项目中路由传参的方式详解
2019/09/01 Javascript
微信小程序实现上拉加载功能
2019/11/20 Javascript
JavaScript实现简单计算器功能
2019/12/19 Javascript
详解微信小程序之提高应用速度小技巧
2020/01/07 Javascript
在react项目中使用antd的form组件,动态设置input框的值
2020/10/24 Javascript
在Lighttpd服务器中运行Django应用的方法
2015/07/22 Python
浅谈Python实现2种文件复制的方法
2018/01/19 Python
详解tensorflow训练自己的数据集实现CNN图像分类
2018/02/07 Python
pandas 如何分割字符的实现方法
2019/07/29 Python
Pytorch抽取网络层的Feature Map(Vgg)实例
2019/08/20 Python
pytorch 模型的train模式与eval模式实例
2020/02/20 Python
一文了解python 3 字符串格式化 F-string 用法
2020/03/04 Python
中国双语服务优势的在线购票及活动平台:247tickets
2018/10/26 全球购物
平面设计的岗位职责
2013/11/08 职场文书
教师职位说明书
2014/07/29 职场文书
2015年学校办公室主任工作总结
2015/07/20 职场文书
学习委员竞选稿
2015/11/20 职场文书
2016年秋季运动会通讯稿
2015/11/25 职场文书
Python获取江苏疫情实时数据及爬虫分析
2021/08/02 Python