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

【问题标题】：passing data between pages in jquery mobile在jquery mobile中的页面之间传递数据
【发布时间】：2013-02-19 15:40:17
【问题描述】：

我看过这篇帖子Here，它看起来像是一种获取查询字符串的简单方法，但是有没有一种简单的方法可以使用 jquery 移动框架来做到这一点？感谢您的任何建议

#MobileHomePage?param1=data&param2=data1

【问题讨论】：

标签： jquery jquery-mobile

【解决方案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...

【讨论】：

【解决方案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()

全部退回

【讨论】：

【解决方案3】：

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

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

How-to store variable beetween jQM pages?

How to pass button text to another page?

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

【讨论】：