在JQuery Mobile中的两个不同文件中的两个页面之间传递参数

在Jquery中，在两个页面之间传递参数的最佳方法是什么？

假设我有一个page1.html和page2.html

我想将参数id从page1传递给page2。

这样做的最佳方式是什么？

我目前使用：

$ .mobile.navigate（“＃workOrderDetailsPage？id =”+ woId）;

但那是单页内的两页。 但是如何使用JQuery Mobile在两个单独的文件中为两个页面执行此操作？

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/

有关这方面的更多信息，请参阅我的博客文章 。