天天看點

小強的HTML5移動開發之路(53)——jQueryMobile頁面間參數傳遞

在單頁模版中使用基于http的方式通過post和get請求傳遞參數,而在多頁模版中不需要與伺服器進行通信,通常在多頁模版中有以下三種方法來實作頁面間的參數傳遞。

1、get方式:在前一個頁面生成參數并傳入下一個頁面,然後在下一個頁面中進行get内容解析。

2、通過html5的web storage進行參數傳遞。

3、建立目前頁面變量,在前一個頁面将所需傳遞的參數内容指派到變量中,在後一個頁面從變量中将參數取出來。(程式靈活性較弱)

一、以get方式實作頁面間參數傳遞

小強的HTML5移動開發之路(53)——jQueryMobile頁面間參數傳遞

注意:要注明通路的頁面形式為外部連結形式rel="external",否則頁面間參數傳遞無法正常執行。

二、通過html5 web storage特性實作參數傳遞

通常包含兩部分,sessionstorage是将存儲内容以會話的形式存儲在浏覽器中,由于是會話級别的存儲,當浏覽器關閉之後,sessionstorage中的内容會全部消失。localstorage是基于持久化的存儲,類似于傳統html開發中cookie的使用,除非主動删除localstorage中的内容,否則将不會删除。

檢查浏覽器支援web storage特性:

通常,在jquery mobile中實作頁面間參數傳遞時,我們不使用localstorage而是使用sessionstorage,因為不必持久化在本地。

繼續閱讀