与jQuery Mobile的页面之间传递数据?(Passing data between page

2019-06-24 14:52发布

所以我刚开始学习jQuery Mobile的,我已经学会了如何加载通过AJAX的所有链接,而无需实际加载下一页。 我的几个页面的使用形式,并获得对数据传递到下一个page--我怎样才能做到这一点,而使用jQuery Mobile的?

Answer 1:

有一两件事,我认为是很酷JQM是,你不必使用参数页面之间传递数据。 既然你在同一个DOM是作为第一页,你可以使用普通的旧变量访问数据,即

field1 = $('[name=field1]').val();
field2 = $('[name=field2]').val();

而只要你使用JQM的Ajax特性,你可以做下页以下几点:

$('.title').text(field1);

我做了一个例子的jsfiddle你。

其他方法将使用localStorage的或sessionStorage的API或也有在文档中提到的一些插件。

  1. 页面PARAMS
  2. JQM路由器插件


Answer 2:

通常,有2方法的jQuery移动页之间传送参数。

  1. 在第一页修改阿贾克斯地址,并解析Ajax获得参数下一个页面。
  2. 使用HTML5的sessionStorage,一种WebStorage的,传递的参数。

这是该方法使用了Ajax地址参数传递。 如何通过并获得两个页面之间的参数在jQuery Mobile的?


使用的sessionStorage / localStorage的传输参数,你可以在第一页添加此代码,

<a href="#page_Parameter1" onclick="sessionStorage.ParameterID=123">
    Before go to next page, parameter id is storaged into sessionStorage.
</a>

在接下来的页面中,您可以使用此方法,以便参数的内容,

$('#page_Parameter1').live('pageshow', function(event, ui) {
    alert('Parameter ID: ' + sessionStorage.ParameterID);
});


文章来源: Passing data between pages with jQuery Mobile?