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

Question

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

#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 ");