HTML5移动开发之路 jQueryMobile页面间参数传递.docx

HTML5移动开发之路 jQueryMobile页面间参数传递 在单页模版中使用基于HTTP的方式通过POST和GET请求传递参数，而在多页模版中不需要与服务器进行通信，通常在多页模版中有以下三种方法来实现页面间的参数传递。1、GET方式：在前一个页面生成参数并传入下一个页面，然后在下一个页面中进行GET内容解析。2、通过HTML5的Web Storage进行参数传递。3、建立当前页面变量，在前一个页面将所需传递的参数内容赋值到变量中，在后一个页面从变量中将参数取出来。（程序灵活性较弱）一、以GET方式实现页面间参数传递view sourceprint?01.02.03.04.练习05.06.03.14.function getParameterByName(name)15.var match = RegExp(?&+ name +=(&*).exec(window.location.search);16.returnmatch & decodeURIComponent(match1.replace(/+/g, );17.18.$(#page_Parameter1).live(pageshow, function(event, ui)19.alert(第二个页面的参数：+ getParameterByName(parameter);20.);4.25.26.页面参数传值27.28.29.传递参数进入下一页，以Alert方式显示参数内容。30.传递参数进入下一页4.35.36.页面参数传递37.38.39.通过Alert显示前一个界面参数。40.返回4.注意：要注明访问的页面形式为外部链接形式rel=external,否则页面间参数传递无法正常执行。二、通过HTML5 Web Storage特性实现参数传递通常包含两部分，sessionStorage是将存储内容以会话的形式存储在浏览器中，由于是会话级别的存储，当浏览器关闭之后，sessionStorage中的内容会全部消失。localStorage是基于持久化的存储，类似于传统HTML开发中cookie的使用，除非主动删除localStorage中的内容，否则将不会删除。检查浏览器支持Web Storage特性：view sourceprint?01.02.03.04.练习05.06.06.if(window.localStorage)17.alert(浏览器支持localStorage);18.else19.alert(浏览器暂不支持localStorage);20.21.22.if(window.sessionStorage)23.alert(浏览器支持sessionStorage);24.else25.alert(浏览器暂不支持sessionStorage)9.通常，在jQuery Mobile中实现页面间参数传递时，我们不使用localStorage而是使用sessionStorage,因为不必持久化在本地。view sourceprint?01.02.03.04.练习05.06.03.14.$(#page_Parameter1).live(pageshow, function(event, ui)15.alert(第二个界面的参数：+ sessionStorage.id);16.);0.21.22.页面参数传递23.24.25.传递参数进入下一页，以Alert方式显示参数内容。26.传递参数进入下一页0.31.32.页面参数传递33.34.35.通过Alert显示来自前一个界面的参数。36.返回0.41.延伸阅读： 1、如何给JavaScript外部文件传递参数 2、nodejs中v8插件c+和js参数转换 二进制参数 3、Jquery页面导航 4、.NET中利用js让子窗体向父页面传值 5、jQuery Mobile虚拟页面