jQueryモバイルページ間でデータを取得

Question

私はphonegapアプリケーションでjquery mobileを使用していますが、変数をxmlトラバースするために、テキストボックスの変数を次のページに渡そうとしています。

マイページにはこの変数が送信されるJavaScriptがありますが、次のページでそれを取得する方法はわかりません。

<script type="text/javascript"> 
    $("#s-sur").live('pageinit', function() { 

      $("#search").click(function() { 
       $.mobile.changePage("ssname.html", { 
       type: "post", 
       data: $("#search").serialize() 
                 }); 
      }); 

    }); 
</script> 

Answer 1

ssname.htmlファイルは、POST変数を取得するためにサーバー側言語で解析する必要があります。ただしアクセスJavaScriptから変数を取得することができます。

$("#s-sur").live('pageinit', function() { 
    $("#search").click(function() { 
     $.mobile.changePage("ssname.html", { 
      type : "get", 
      data : $("#search").serialize() 
     }); 
    }); 
}); 

、その後ssname.htmlページについて：

$("#ssname").live('pageinit', function() { 
    //now you can get your variables from the URL: location.search 
}); 

あなたはまた、単にページ間の情報を保持するために、グローバル変数を使用することができます。

$("#s-sur").live('pageinit', function() { 
    $("#search").click(function() { 
     window.myCustomVariable = $("#search").serialize(); 
     $.mobile.changePage("ssname.html"); 
    }); 
}); 

ssname.htmlページでは、window.myCustomVariable変数を読んで作業するだけです。これは、ページが同じDOM内に存在するため、window.myCustomVariableという変数が両方のページに存在するためです。