天天看点

小强的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,因为不必持久化在本地。

继续阅读