jQuery mobile在页面之间检索数据

我在一个phonegap应用程序中使用jquery mobile，我试图将一个变量从文本框传递到下一页，用变量进行xml遍历。

我的页面有这个javascript发送变量，但我不知道如何在下一页检索它。

 $("#s-sur").live('pageinit', function() { $("#search").click(function() { $.mobile.changePage( "ssname.html", { type: "post", data: $("#search").serialize() }); }); });  

Answer 1

ssname.html文件必须由服务器端语言解析才能获得POST变量。 但是，您可以从JavaScript访问GET变量：

 $("#s-sur").live('pageinit', function() { $("#search").click(function() { $.mobile.changePage( "ssname.html", { type : "get", data : $("#search").serialize() }); }); }); 

然后是ssname.html页面：

 $("#ssname").live('pageinit', function() { //now you can get your variables from the URL: location.search }); 

您还可以使用全局变量来保存页面之间的信息：

 $("#s-sur").live('pageinit', function() { $("#search").click(function() { window.myCustomVariable = $("#search").serialize(); $.mobile.changePage("ssname.html"); }); }); 

然后在ssname.html页面上，您可以只读取window.myCustomVariable变量来完成工作。 这是有效的，因为页面将出现在同一个DOM中，因此两个页面都将存在window.myCustomVariable变量。