0

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

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

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

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

一些问题：

  • 它不适用于多页导航。

  • 本地存储是否适合这个概念？

  • 并将局部变量传递给 Ajax 以访问 Rest Webservice。
4

1 回答 1

3

首先，看看我的另一个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 中会失败。这是一个众所周知的错误。

更多信息

如果您想了解有关此主题的更多信息，请查看这篇文章。您会发现几个带有示例的解决方案。

于 2013-03-14T08:34:12.197 回答