更多信息

Question

我使用pageinit加载页面并使用localstorage

全局存储参数

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

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

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

有些问题：

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

Answer 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：

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

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

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

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

如何在单个JQM中将值从一个页面传递到另一个页面

1 个答案:

解决方案1：

解决方案2：

解决方案3：

解决方案4：

更多信息