? ? ? 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基礎:彈出內容的設計