【问题标题】：How to pass values from one page to another in single JQM如何在单个 JQM 中将值从一个页面传递到另一个页面
【发布时间】：2013-03-14 07:11:32
【问题描述】：

我使用 pageinit 加载页面并使用 localstorage 全局存储参数

 $('#testpage').live('pageinit',function(event){
      getsList();
    });

如果我按下返回按钮，代码就在这里

function backToTest() {
    $.mobile.changePage('#testpage', {
        transition : "pop",
        reverse : false,
        changeHash : false
    });
}

一些问题：

它不适用于多页导航。
本地存储是否适合这个概念？
并将局部变量传递给 Ajax 以访问 Rest Webservice。

【问题讨论】：

标签： jquery ajax jquery-mobile

【解决方案1】：

首先，看看我的另一个ANSWER。

您会在其中找到章节：页面转换之间的数据/参数操作，您还将找到有效的 jsFiddle 示例。

这是一个简短的概述：

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

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

解决方案 1：

您可以使用 changePage 传递值：

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

然后像这样阅读它们：

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

This will only work on multi html page format.

解决方案 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：

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

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

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

可能是最好的解决方案，但在某些 iOS 5.X 版本中会失败。这是一个众所周知的错误。

解决方案 1：

解决方案 2：

解决方案 3：

解决方案 4：

更多信息