使用jquery mobile在页面之间传递参数

在jquery mobile中的页面之间传递参数的正确方法是什么。 在jquery mobile的Q＆A中，有一些关于插件的建议。 这是强制性的吗？ 请让我知道正确的方法。 没有一个具体的答案。 我必须传递页面中所有链接的参数。

http://view.jquerymobile.com/master/demos/faq/pass-query-params-to-page.php

Answer 1

页面转换之间的数据/参数操作

在页面转换期间，可以从一个页面向另一个页面发送参数。 它可以通过几种方式完成。

参考： https ： //stackoverflow.com/a/13932240/1848600

解决方案1：

您可以使用changePage传递值：

$.mobile.changePage('page2.html', { dataUrl : "page2.html?paremeter=123", data : { 'paremeter' : '123' }, reloadPage : true, changeHash : true }); 

并按如下方式阅读：

 $(document).on('pagebeforeshow', "#index", function (event, data) { var parameters = $(this).data("url").split("?")[1];; parameter = parameters.replace("parameter=",""); alert(parameter); }); 

[实施例] [3]：

的index.html

                
 
 
 First Page 
 
 
 Test 
  
   

second.html

               
 
 
 Second Page 
 
 
 
  
   

解决方案2：

或者，您可以为存储目的创建持久性javascript对象。 由于ajax用于页面加载（并且页面不以任何方式重新加载），该对象将保持活动状态。

 var storeObject = { firstname : '', lastname : '' } 

示例： http ： //jsfiddle.net/Gajotres/9KKbx/

解决方案3：

您还可以访问上一页的数据，如下所示：

 $('#index').live('pagebeforeshow', function (e, data) { alert(data.prevPage.attr('id')); }); 

prevPage对象包含完整的上一页。

解决方案4：

作为最后的解决方案，我们有一个漂亮的localStorage HTML实现。 它仅适用于HTML5浏览器（包括Android和iOS浏览器），但所有存储的数据都通过页面刷新保持不变。

 if(typeof(Storage)!=="undefined") { localStorage.firstname="Dragan"; localStorage.lastname="Gaic"; } 

示例： http ： //jsfiddle.net/Gajotres/J9NTr/

更多信息

如果您想了解有关此主题的更多信息，请查看本文 。 您将找到几个带有示例的解决方案。

Answer 2

你也可以在链接中使用外部关系（对我和我的目的来说更容易），所以我想分享这个：

HTML：

  Structure 

JS：

 $( document ).on( "pageinit", "#page1", function( event ) { var parameters = $(this).data("url").split("?")[1]; parameter = parameters.replace("structure=",""); alert(parameter); }); 

在我的情况下，结构=’123’是动态创建的，没有人为动态目的写固定值’123′:-)

感谢上述post的URL分割（请支持他的post），这只是一个补充/进一步的解释。