MUI+Htmlplus开发APP实现页面之间传值
来源:互联网 发布:刺客信条壁纸软件 编辑:程序博客网 时间:2024/06/16 09:44
为了保持每个界面之间的数据通讯和相关联性,页面之间传值是开发hybrid app常见的一个问题。怎么实现页面之间数据交互呢?我试过两种方法:
- 利用缓存
- mui页面的
extras
参数
利用缓存实现页面之间传值
利用缓存实现页面之间传值比较常见的方法,不管是Dcloud还是平常的web开发中,都可以将数据保存在缓存中。
下面这个例子是在b.html
中输出a.html
的数据
//a.htmlvar username="张三";var age=21;localStorage.setItem("username",username);localStorage.setItem("age",age);
//b.htmlconsole.log("姓名:"+localStorage.getItem("username"));console.log("年龄:"+localStorage.getItem("age"));
//b.html控制台:姓名:张三年龄:21
利用mui+HTMLplus实现页面之间传值
Dcloud为我们提供另一种实现页面之间传值的方法,特别是当我们用Dcloud开发涉及到webview时,利用mui和htmlplus实现页面之间传值就更高效了。
在Dcloud中创建和跳转到一个页面
//创建一个页面mui.init({ subpages:[{ url:your-subpage-url,//子页面HTML地址,支持本地地址和网络地址 id:your-subpage-id,//子页面标志 styles:{}, extras:{}//额外扩展参数 }] });
//跳转到一个页面mui.openWindow({ url:new-page-url, id:new-page-id, styles:{}, extras:{//自定义扩展参数,可以用来处理页面间传值}, createNew:false,//是否重复创建同样id的webview,默认为false:不重复创建,直接显示 show:{}, waiting:{} }})
不管是跳转还是新建一个新页面都有一个参数extras
。这个参数保存的就是你要传给新页面的数据,然后我们可以在新页面中通过获得WebviewObject直接获取传输的数据。
//a.htmlmui.openWindow({ url:'b.html', id:'b', extras:{ abc:"hello world"//传递的数据 }});
//b.htmlvar wv=plus.webview.currentWebview();//获取当前窗口的WebviewObject对象console.log(wv.abc);
//b.html控制台:hello world
阅读全文
1 0
- MUI+Htmlplus开发APP实现页面之间传值
- mui中页面之间传值
- 使用MUI实现父子页面传值
- Mui+Angularjs 开发app
- MUI-开发移动APP
- HTML5+、mui开发移动app
- mui开发APP中子页面操作父页面的方式总结。
- HTML5,MUI方式页面传值
- mui页面间的传值
- mui中的页面传值方法
- mui 页面传参
- MUI-页面传参数
- HTML5+开发移动app教程4-mui中几种open页面的区别
- HTML5+开发移动app教程4-mui中几种打开页面的区别
- mui开发APP教程之使用选项卡跳转子页面
- mui开发h5+app过程中页面间参数传递的总结第一篇
- Hbuilder MUI 页面刷新及页面传值问题
- Hbuilder MUI 页面刷新及页面传值问题
- ES6学习之路~~let和const申明
- CURL通过设置curl_setopt模拟来源,IP,提交表单数据,模拟登陆等
- c++编程思想阅读笔记
- 笑谈java并发编程六之AtomicMarkableReference和AtomicStampedReference介绍
- spring+shiro+mybatis整合时候的出现:UnsatisfiedDependencyException的异常
- MUI+Htmlplus开发APP实现页面之间传值
- 关于我的个人网站
- Kotlin 语法
- Linux自动删除n天前的日志
- 3167:神奇的辣条
- Android线程—四种线程池的学习与总结
- Bootstrap3.0学习第十轮(下拉菜单、按钮组、按钮式下拉菜单)
- Des解密 以及 将。net的DEs加密 用android 的DES解密
- 对tensorflow java api进行cpu优化