jQuery移动检索页面之间的数据

Question

我在一个phonegap应用程序中使用jquery移动，我试图从一个文本框中传递一个变量到下一个页面来执行xml遍历变量。

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

<script type="text/javascript"> 
    $("#s-sur").live('pageinit', function() { 

      $("#search").click(function() { 
       $.mobile.changePage("ssname.html", { 
       type: "post", 
       data: $("#search").serialize() 
                 }); 
      }); 

    }); 
</script> 

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变量。