PC版的web程序两个两个页面之间的传值方式主要有,cookie,查询字符串,还可以通过服务端的session来交换数据.但app的传值方式呢?
由于app基本都是单页面的方式,查询字符串这种方式似乎行不通了,至少目前个人还没有见到这种例子..
** 主要有1HTML5 LocalStorage 本地存储,2隐藏字段,3扩展属性,4服务器端的**session等**
**
**
** 1HTML5 LocalStorage 本地存储**
这种传值方式类似于cookie传值方式,是HTML5的新标准。在HTML5中,本地存储是一个window的属性,包括localStorage和sessionStorage,
前者是一直存在本地的,后者只是伴随着session,窗口一旦关闭就没了。
[参考](http://blog.csdn.net/xuexiaodong009/article/details/18449447)
** 2隐藏字段**
在PC版的web程序中经常使用隐藏字段来存储一些特定的信息,在app中也可以使用,当然有一定限制,在单页面的app中可以传值,因为是单页面,最终会在内存中变成同一个dom,所以可以在一个panel中,设定隐藏字段,在另一个panel中读取隐藏字段。
例如:
~~~
<div id="jiekuanshenpi" class="panel" data-load="loadFirstpage" data-defer="jiekuanshenpi.html" data-tab="navbar_picture">
</div>
<div id="jiekuanshenpiDetail" class="panel" data-load="loadjiekuanshenpiDetail" data-defer="jiekuanshenpiDetail.html" jiekuanshenpiDetailId="" data-tab="navbar_picture">
</div>
~~~
在jiekuanshenpi.html页面中设定隐藏字段的值,在jiekuanshenpiDetail.html中读取隐藏字段的值。
**3扩展属性**
使用的限制和原因与隐藏字段是一样的。
例如:
如上的代码,多加了一个扩展属性jiekuanshenpiDetailId
在jiekuanshenpi.html页面中设定扩展属性jiekuanshenpiDetailId的值,
~~~
$("#jiekuanshenpiDetail").attr("jiekuanshenpiDetailId",id);
~~~
在jiekuanshenpiDetail.html中读取jiekuanshenpiDetailId的值。
~~~
var jiekuanshenpiDetailId2 = $("#jiekuanshenpiDetail").attr("jiekuanshenpiDetailId");
~~~
**4服务器端session等**
这个和PC端的文本基本没有差别,服务端的传值方式基本都可以使用。
- 前言
- 使用jqMobi开发app基础
- jqMobi开发app页面注意事项
- 使用jqMobi开发app基础:定义header
- 使用jqMobi开发app基础:定义footer
- 使用jqMobi开发app基础:通过panel添加内容
- 使用jqMobi开发app基础:panel属性data-defer介绍
- 使用jqMobi开发app基础:Side Menu
- 使用jqMobi开发app基础:Styled Lists布局
- 使用jqMobi开发app基础:Grid布局
- 使用jqMobi开发app基础:响应式布局介绍
- 使用jqMobi开发app基础:Toggle Switches开关按钮
- 使用jqMobi开发app基础:HTML5 LocalStorage 本地存储
- 使用jqMobi开发app基础:登录页面的实现
- 使用jqMobi开发app基础:注销页面的实现
- 使用jqMobi开发app基础:viewport指令
- 使用jqMobi开发app基础:a标签的使用
- 使用jqMobi开发app基础:Scrolling的使用,向上向下拖动,动态添加数据
- 使用jqMobi开发app基础:页面传值方式
- 使用jqMobi开发app基础:panel之间的跳转方式
- 使用jqMobi开发app基础:panel之间的跳转方式总结
- 使用jqMobi开发app基础:下拉select
- 使用jqMobi开发app基础:真的只能存在一个DOM吗?
- 使用jqMobi开发app基础:使用 jQuery
- 使用jqMobi开发app基础:Scrolling的使用,拖动后大量空白的解决方法
- 使用jqMobi开发app基础:Scrolling的使用,停止和继续拖动有关的问题
- 使用jqMobi开发app基础:Badge的使用
- 使用jqMobi开发app基础:如何拨打电话?
- 使用jqMobi开发app基础:弹出内容的设计