使用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 1.4.2发布!主要是性能与API
Feb 25 Javascript
JavaScript 语言的递归编程
May 18 Javascript
json2.js的初步学习与了解
Oct 06 Javascript
jquery 关于event.target使用的几点说明介绍
Apr 26 Javascript
IE下写xml文件的两种方式(fso/saveAs)
Aug 05 Javascript
将Datatable转化成json发送前台实现思路
Sep 06 Javascript
javascript使用prototype完成单继承
Dec 24 Javascript
jQuery插件MixItUp实现动画过滤和排序
Apr 12 Javascript
Node.js+Express配置入门教程详解
May 19 Javascript
js获取iframe中的window对象的实现方法
May 20 Javascript
jquery 将当前时间转换成yyyymmdd格式的实现方法
Jun 01 Javascript
js图片加载效果实例代码(延迟加载+瀑布流加载)
May 12 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
浅谈Windows下 PHP4.0与oracle 8的连接设置
2006/10/09 PHP
使用VisualStudio开发php的图文设置方法
2010/08/21 PHP
ThinkPHP3.2.2的插件控制器功能简述
2014/07/09 PHP
PHP易混淆知识整理笔记
2015/09/24 PHP
Swoole-1.7.22 版本已发布,修复PHP7相关问题
2015/12/31 PHP
PHP创建自己的Composer包方法
2018/04/09 PHP
js显示时间 js显示最后修改时间
2013/01/02 Javascript
使用Grunt.js管理你项目的应用说明
2013/04/24 Javascript
jquery next nextAll nextUntil siblings的区别介绍
2013/10/05 Javascript
在Ubuntu上安装最新版本的Node.js
2014/07/14 Javascript
js中this的用法实例分析
2015/01/10 Javascript
JavaScript汉诺塔问题解决方法
2015/04/21 Javascript
jQuery的事件委托实例分析
2015/07/15 Javascript
Bootstrap3学习笔记(二)之排版
2016/05/20 Javascript
基于angular中的重要指令详解($eval,$parse和$compile)
2016/10/21 Javascript
浅谈js中几种实用的跨域方法原理详解
2016/12/02 Javascript
bootstrap-table.js扩展分页工具栏(增加跳转到xx页)功能
2017/12/28 Javascript
Vue.directive 实现元素scroll逻辑复用
2019/11/29 Javascript
深入了解JS之作用域和闭包
2020/06/16 Javascript
Python lambda和Python def区别分析
2014/11/30 Python
Python实现对excel文件列表值进行统计的方法
2015/07/25 Python
详解Python 2.6 升级至 Python 2.7 的实践心得
2017/04/27 Python
python3处理含有中文的url方法
2018/05/10 Python
python绘制随机网络图形示例
2019/11/21 Python
Python如何实现自带HTTP文件传输服务
2020/07/08 Python
Pycharm的Available Packages为空的解决方法
2020/09/18 Python
python 线程的五个状态
2020/09/22 Python
HTML5 和小程序实现拍照图片旋转、压缩和上传功能
2018/10/08 HTML / CSS
澳大利亚的奢侈品牌:Oroton
2016/08/26 全球购物
C语言开发工程师测试题
2016/12/20 面试题
红旗方阵解说词
2014/02/12 职场文书
网络营销策划方案
2014/06/04 职场文书
教师批评与自我批评剖析材料
2014/10/16 职场文书
靠谱的活动总结
2019/04/16 职场文书
MongoDB数据库常用的10条操作命令
2021/06/18 MongoDB
本地搭建minio文件服务器(使用bat脚本启动)的方法
2022/07/15 Servers