狼灰灰
狼灰灰
  • 发布:2017-08-14 15:54
  • 更新:2022-10-26 12:11
  • 阅读:20034

关于MUI openWindow打开新页面传参数的问题,解决办法看这里!

分类:MUI

方法一:

index.html主文件中定义要打开的页面:------------------------------------------------
<a id="info">热点</a>
document.getElementById('info').addEventListener('tap', function() {
mui.openWindow({
url: './test.html?name=uuueeu&age=26', //通过URL传参
id: 'test.html'
});

test.html页面代码:-----------------------------------------------------------------------------
<div class="mui-content">
<div>姓名 : <span id="name"></span></div>
<div>年龄 : <span id="age"></span></div>
</div>

$("#name").text(GetQueryString('name'));
$("#age").text(GetQueryString('age'));

function GetQueryString(name) {
var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
var r = window.location.search.substr(1).match(reg);
if(r != null) return unescape(r[2]);
return null;
}

方法二:
index.html代码:
<div class="mui-content">
<button type="button" class="mui-btn" onclick="openWindow();">点击这里打开新窗口</button>
</div>

                   function openWindow() {            

                    var obj = {  
                "uname": "小明",  
                "age": "29"  
            };  

            var str = JSON.stringify(obj);  
            localStorage.obj = str;  

            mui.openWindow({  
                url: 'b.html',  
                id: 'b',  
            });           
        }  

b.html页面代码:
<div class="mui-content">
<div>姓名: <span id="name"></span></div>
<div>年龄:<span id="age"></span></div>
</div>

$(function (){
var data = JSON.parse(localStorage.obj);
$("#name").text(data.uname);
$("#age").text(data.age);
console.log(data.uname);
console.log(data.age);
});

------------------------------------------------以上两种方法亲测可用---------------------------------------------
注意事项:
1.在http协议下访问

  1. 官方给出的extras已经不能用了,百度的方法很多是按官方的栗子写的,之前我的DEMO原本就用的extras传参的,过了几个月后再测试,居然不能用了,坑了我好久。
  2. 希望对大伙有帮助,有问题可以联系我uuueeu@126.com 西红柿
6 关注 分享
1***@qq.com babyface 9***@qq.com studio 2***@qq.com 1***@qq.com

要回复文章请先登录注册

2***@qq.com

2***@qq.com

这么多年,您的文章依然受用。
2022-10-26 12:11
1***@qq.com

1***@qq.com

大哥,你的JS呢?
2017-08-23 14:18