我的传值我的传值 listDetail = 'li class="mui-table-view-cell mui-media"a href="aJaxDetail.html?'+arrayobj[i].id+'"div class="mui-media-body"'+arrayobj[i].digest+'/div/a/li'; 在cell 的a链接中拼接上需要传送的数据+arrayobj[i].id+ 获取数据 mui.init(); mui.plusReady(function(){ va
listDetail = '<li class="mui-table-view-cell mui-media>"><a href="aJaxDetail.html?'+arrayobj[i].id+'"><div class="mui-media-body">'+arrayobj[i].digest+'</div></a>></li>';
在cell 的a链接中拼接上需要传送的数据 '+arrayobj[i].id+'获取数据
mui.init();
mui.plusReady(function(){
var url_id = plus.webview.currentWebview().getURL();
var ulr = url_id.split("?");
console.log(ulr);
var url = 'http://c.m.genban.org/nc/article/'+ulr[1]+'/full.html';
console.log(url);
mui.ajax(url,{dataType:'json', type:'get', timeout:10000, success:function(data){
getDdetail(data, ulr[1]);
},error:function(error){}
});
});
截取http://c.m.genban.org/nc/article/BK1D04L800014AED/full.html? BK1D04L800014AED
在App开发中,页面间传值是很常见的开发需求,mui框架根据业务场景不同,提供了两种传值模式。
1、页面初始化时,通过扩展参数传值;
mui在初始化页面时,提供了extras配置参数,通过该参数可以设置页面参数,从而实现页面间传值;
mui框架在如下几种场景下,会执行页面初始化操作:
- 通过mui.openWindow()打开新页面(若目标页面为已预加载成功的页面,则在openWindow方法中传递的extras参数无效);
- 通过mui.init()方法创建子页面;
- 通过mui.init()方法预加载页面;
- 通过mui.preload()方法预加载页面
示例,假设我们有如下需求:
在首页中打开关于页面时,传递当前产品名称及版本号,然后在关于页面中读取这两个参数并显示出来;
首页实现代码:
mui.openWindow({
url:'info.html',
id:'info.html',
extras:{
name:'mui',
version:'0.5.8'
}
});
关于页面实现代码:
var self = plus.webview.currentWebview();
var name = self.name;
var version = self.version;
沃梦达教程
本文标题为:mui框架如何实现页面间传值
基础教程推荐
猜你喜欢
- HTML标记第1/2页 2024-03-09
- 纯CSS设置Checkbox复选框控件的样式(五种方法) 2024-04-04
- openlayers6之地图覆盖物overlay详解 2024-04-09
- 遗迹灰烬重生武器有哪些 武器、套装与特性收集攻略 2024-01-19
- 不用数据库的多用户文件自由上传投票系统(1) 2024-04-07
- VUE新增属性-数据更新页面不更新 2023-10-08
- web3.0有哪些专业术语 2024-12-14
- CSS属性探秘系列(一):word-break与word-wrap 2024-04-26
- CSS DIV制作梯形状的不规则网站导航 2023-12-23
- 解决HTML5手机端页面缩放的问题 2022-09-16