所以我刚开始学习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或也有在文档中提到的一些插件。
- 页面PARAMS
- JQM路由器插件
Answer 2:
通常,有2方法的jQuery移动页之间传送参数。
- 在第一页修改阿贾克斯地址,并解析Ajax获得参数下一个页面。
- 使用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?