WEB开发者之混合开发APP(十二), 页面间的参数传递方式
程序员文章站
2024-02-18 09:14:52
...
混合开发app中,页面之间的参数传递方式,主要使用以下两种。
1. 新建页面的参数传递
传递参数:
//获取商品分类id
var id = '121212';
//直接打开产品分类页面,传递参数pid
mui.openWindow({
url:'products.html',
id:'products.html',
extras:{
pid:id
}
});
获取参数:
products.html页面获取参数需要写在mui.plusReady中,如下:
mui.plusReady(function(){
var self = plus.webview.currentWebview(); //获取当前页面webview
var pid = self.pid == null ? "" : self.pid; //获取传递给当前页面的参数pid
});
2. 预加载页面参数传递
传递参数:
//预加载页面
var detailPage = mui.preload({
url:'productdetail.html',
id:'productdetail.html'
});
//获取商品id
var id ='12222';
//触发详情页自定义事件,传递参数id
mui.fire(detailPage,'productInfo',{id:id});
//打开详情页面
mui.openWindow({
id:"productdetail.html"
});
获取参数:
productdetail.html中获取参数方式,在自定义事件productInfo中,
//自定义事件,获取参数id
window.addEventListener('productInfo',function(event){
var id = event.detail.id; //获取传递的id值,event.detail.xx获取xx的值
});
懂Html就能开发App,博文持续更新,博主QQ:260737830!
上一篇: servlet实现用户登录小程序
下一篇: Java实现的计算稀疏矩阵余弦相似度示例