在jquery mobile中的页面之间传递数据

时间:2012-07-09 03:14:31

标签: jquery jquery-mobile

我查看了这篇文章Here,它看起来像是获取查询字符串的一种简单方法,但是有一种简单的方法可以使用jquery移动框架吗?谢谢你的建议

#MobileHomePage?param1=data&param2=data1

3 个答案:

答案 0 :(得分:4)

使用jQuery Mobile在页面之间传递数据非常简单,只需使用此功能

即可
$.urlParam = function(name){
    var results = new RegExp('[\\?&]' + name + '=([^&#]*)').exec(window.location.href);
    return results[1] || 0;
}

对于多页模板,请使用以下代码:

$('#myPage').live('pageshow', function(event, ui) {
    var param = $.urlParam('param1');
    alert(param);
});

对于正常的模板使用:

    var param = $.urlParam('param1');
    alert(param);

然后像这样调用页面:

www.yourwebsite.com/mypage?param1=test&gift=Candy etc...

答案 1 :(得分:0)

为此制作一个jquery插件。

    (function( $ ){

  $.fn.queryStrings = function( string ) {        

        var url = /[^?]*$/.exec(window.location.href)[0].split('&');

        var obj = {};

        url.forEach(function(url) {
            var tup = url.split('=');
            obj[tup[0]] = tup[1];
        });

        if (string) return obj[string];

        return obj;
  };
})( jQuery );

像这样使用:

$().queryStrings('myparam')

$().queryStrings()

返回所有

答案 2 :(得分:-1)

JQM页面之间当前有no built in way个传递数据,您可以使用您链接的问题的答案中列出的方法。

您可能还想查看这些SO溢出问题

How-to store variable beetween jQM pages?

How to pass button text to another page?

如果您询问如何导航到您发布的网址,则可以使用$.mobile.changePage("#MobileHomePage?param1=data&param2=data1 ");