7

jQuery Mobile の学習を始めたばかりで、実際に次のページを読み込まずにすべてのリンクを ajax 経由で読み込む方法を学びました。私のページのいくつかは、フォームと GET を使用して次のページにデータを渡します。jQuery Mobile を使用しているときにこれを行うにはどうすればよいですか?

4

2 に答える 2

23

JQM の優れている点の 1 つは、ページ間でデータを渡すためにパラメーターを使用する必要がないことです。最初のページと同じ DOM にいるため、単純な古い変数を使用してデータにアクセスできます。

field1 = $('[name=field1]').val();
field2 = $('[name=field2]').val();

JQM の ajax 機能を使用している限り、次のページで次のことができます。

$('.title').text(field1);

私はあなたのためにjsfiddleの例を作りました。

他の方法は、localStorage または sessionStorage API を使用するか、ドキュメントに記載されているプラ​​グインもあります。

  1. ページ パラメータ
  2. JQM ルータープラグイン
于 2012-05-20T07:50:25.587 に答える
11

一般的に、jQuery Mobile ページ間でパラメータを転送するには 2 つの方法があります。

  1. 最初のページで Ajax アドレスを変更し、次のページで ajax を解析してパラメーターを取得します。
  2. WebStorage の一種である HTML5 sessionStorage を使用してパラメータを転送します。

ajaxアドレスを使ってパラメータを転送する方法です。 Jquery Mobileの2つのページ間でパラメータを渡したり取得したりする方法は?

sessionStorage/localStorage を使用してパラメータを転送すると、このコードを最初のページに追加できます。

<a href="#page_Parameter1" onclick="sessionStorage.ParameterID=123">
    Before go to next page, parameter id is storaged into sessionStorage.
</a>

次のページでは、このメソッドを使用してパラメーターの内容を取得できます。

$('#page_Parameter1').live('pageshow', function(event, ui) {
    alert('Parameter ID: ' + sessionStorage.ParameterID);
});
于 2012-05-20T09:26:14.690 に答える