H5页面跳转与传值
来源:互联网 发布:22lr子弹数据 编辑:程序博客网 时间:2024/04/28 21:02
页面之间的跳转经常使用a标签,使用mvc框架的都是通过访问controller的请求方法,返回请求页面。但本次开发,前端与后台完全分离,前端APP使用HBuider来开发,后台数据就无法使用mvc框架访问数据的方法了。
H5提供了本地存储用户浏览数据的方法,早些时候,本地存储使用的是 cookie。但是Web 存储需要更加的安全与快速. 这些数据不会被保存在服务器上,但是这些数据只用于用户请求网站数据上.它也可以存储大量的数据,而不影响网站的性能。
数据以 键/值 对存在, web网页的数据只允许该网页访问使用。
主要使用的是localStorage和sessionStorage对象。localStorage - 没有时间限制的数据存储; sessionStorage - 针对一个 session 的数据存储(关闭窗口,存储的数据清空)。
1. localStorage实现方式:
(1)存储:localStorage.setItem("name","张三");
(2)获取数据:var name=localStorage.getItem("name");
(3)移除: localStorage.removeItem("name");
(4)清楚所有:localStorage.clear();
(5)保存非字符串,需要使用JSON转化:
存:oStorage.setItem('data', JSON.stringify(data));
取:var data = JSON.parse(oStorage.getItem('data'));
2. sesstionStorage的方式与localStorage基本相同:
sessionStorage.setItem("key", "value");
var value = sessionStorage.getItem("key");
3. 与cookie比较:
a. 它存储容量更大
b. 每次请求,cookie都要被传送,浪费带宽,另外,cookie不可以跨域访问
4. 页面跳转举例:
mui页面跳转并传值:
function showDetails(msgSource){
mui.openWindow({
url:viewUrl+"Character1.html",
id:"Character1.html",
extras:{"companyID":companyID,"msgSource":msgSource,"msg_type":msg_type}
});
}
a标签跳转:<a href="'+viewUrl+'Character1.html?msg_source='+data.result[i].msgSource+'" class="more">
调用方法跳转:</div>'+'<a href="javascripte:;" onclick="javascript:showDetails('+data.result[i].msgSource+')" class="more">查看详情</a>
页面刷新:window.location.reload();
- H5页面跳转与传值
- 页面跳转与传值
- h5页面定时跳转+读秒
- 页面跳转与传值(Activity跳转与传值)
- 页面跳转与传值(Activity跳转与传值)
- 页面跳转与传值(Activity跳转与传值)
- 页面跳转与传值(Activity跳转与传值)
- 页面跳转与传值(Activity跳转与传值)
- android页面跳转与传值
- Yii中的页面跳转与传值
- Yii中的页面跳转与传值
- Swift中页面跳转与传值:
- H5页面app应用程序跳转探索
- H5 跳转web view固定页面
- h5页面跳转到安卓app界面
- H5跳转到APP指定页面
- 页面跳转传值
- Swift-WKWebView与JavaScript的细节,H5页面跳转原生界面
- 二元线性回归最小二乘法公式推导
- order by 降序desc,升序asc,排名函数 rank()over()
- bzoj 1925 DP+滚动数组
- VB DoEvents 的使用
- Spring 配置异常解决办法之Referenced file contains errors
- H5页面跳转与传值
- Mybatis两表联查,不需要配置xml!
- 用checkinstall制作deb/rpm/Slackware安装包
- Android Studio的搭建
- or和and的使用
- php 笔试题(一)
- 数组左移p位(2种方法)
- 多文档类型、视图和框架窗口
- 盒子模型