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ページ間に変数を保存する方法は?

ボタンのテキストを別のページに渡すには?

投稿したURLに移動する方法を尋ねる場合は、単に使用できます$.mobile.changePage("#MobileHomePage?param1=data&param2=data1 ");