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

时间:2012-10-05 14:37:21

标签: javascript jquery forms cordova jquery-mobile

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

  
      
  1. 从静态页面开始(foo.html)
  2.   
  3. 点击链接
  4.   
  5. 最后在另一个静态页面(bar.html)
  6.   

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

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

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

一种可能的解决方案是,如果我能以某种方式将第一页的表格指向第二页,那么第二页就能够获取第一页的后期参数。不过,这感觉很狡猾。我也更喜欢在显示之前解析第二页,这使得更复杂。

我该如何实现这种行为?更确切地说;如何在页面之间传递数据?

2 个答案:

答案 0 :(得分:2)

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

然后在newPage.html

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

这对你有帮助吗?

答案 1 :(得分:1)

还有pagebeforechangepagebeforeshow个事件可以帮助您实现自己想要的目标。

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