使用jQuery移动设备在页面之间传递数据？

Question

所以我刚刚开始学习ajax移动，并且我已经学会了如何通过jQuery加载所有链接，而不需要实际加载下一个页面。我的几个页面使用表单并将数据传递到下一页--我如何在使用jQuery Mobile的同时做到这一点？

Answer 1

我认为JQM很酷的一点是，您不必使用参数在页面之间传递数据。由于您与第一页在同一个DOM中，因此可以使用普通旧变量访问数据，例如

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

只要您使用的是JQM的ajax特性，就可以在下一页中执行以下操作：

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

我为你做了a jsfiddle example。

其他方式可能是使用localStorage或sessionStorage应用程序接口，或者文档中提到的一些插件。

1. page params
2. JQM router plugin

Answer 2

通常，在jQuery移动页面之间传递参数有两种方法。

1. 在首页修改Ajax地址，解析ajax得到下一页的参数。
2. 使用WebStorage中的HTML5 sessionStorage传递参数。

这是使用ajax地址传递参数的方法。How to pass and get Parameters between two Pages in 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);
});