拦截 jQuery 移动页面流，在页面更改之前解析 JSON

Question

使用 jQuery mobile 的正常页面流看起来有点像这样：

1. 从静态页面 (foo.html) 开始
2. 点击链接
3. 结束在另一个静态页面 (bar.html)

我需要改变这种行为。我正在寻找这样的东西：

1. 从静态页面 (foo.html) 开始
2. 点击链接
3. 从服务器收集 json（基于表单的外观）
4. 根据从上一步收集的数据呈现其他页面 (bar.html)

通常，我只需通过带有 POST/GET 的 PHP 脚本执行此操作。但是，该项目是一个 PhoneGap 项目，所以这不是替代方案。

一个可能的解决方案是，如果我能以某种方式将第一页的表单指向第二个，那么第二个就能够获取第一页的后参数。不过，这感觉很hackish。我还希望在显示第二页之前对其进行解析，这会更加复杂。

我怎样才能实现这种行为？更确切地说;如何在页面之间传递数据？

Answer 1

$.mobile.changePage("newPage.html", {data:{param1:'value1'}});

然后在 newPage.html

var url = $.url(document.location);
var param1 = url.param("param1");

这对你有帮助吗？

Answer 2

还有pagebeforechange 和pagebeforeshow 事件可以帮助你实现你想要的。

http://jquerymobile.com/test/docs/api/events.html