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

Question

我在这篇文章看这里 ，它看起来像得到一个查询字符串的一个简单的方法，但有与jQuery Mobile框架这样做的一个简单的方法？ 谢谢你的建议

#MobileHomePage?param1=data&param2=data1

Answer 1

使用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...

Answer 2

为此制作一个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()

归还所有

Answer 3

目前没有在JQM页面之间传递数据的内置方法 ，您可以使用您链接的问题的答案中概述的方法。

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

如何在jQM页面之间存储变量？

如何将按钮文本传递到另一个页面？

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