jQuery mobile在页面之间检索数据

时间:2012-05-08 16:27:46

标签: javascript jquery jquery-mobile

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

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

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

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

    });
</script>

1 个答案:

答案 0 :(得分: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变量。