jquery - ページ間でデータを渡す jQuery

Question

私はjQueryが初めてです。bookedjQueryを介して別のページの値を取得する方法はありますか?

$(document).ready(function() {
    $(".active").click(function() {
        var booked=$(this).val();
        confirm(booked);
    });
});

Answer 1

純粋にクライアント側の場合は、CookieまたはHTML5を使用します。localStorage

localStorage.setItem('bookedStatus' + customerId, true);

それ以外の場合、データがすでにサーバーに送信されている場合はajaxを使用します。

$.get('/site/getBookingStatus?customerId=' + customerId, function(data){
   alert(data);
});

Answer 2

または、これが単純な文字列の場合、別のページに移動するときにページの URL を追加できます。これがセキュリティで保護されたデータである場合は、文字列を暗号化して添付できます。

URL は次のようになります。example.com/nextPage?x=booked

次のページでは、文字列を次のようにデコードして取得できます。

var encodedData = window.location.href.split('=')[1];
var bookedValue = decodeURI(encodedData);

スクリプトを暗号化した場合は、次のページで復号化する必要があります。

Answer 3

同じドメインにある場合は、Cookieを試すことができます。

jQuery cookieプラグインを使用する必要があります（クロスブラウザーの問題を解決するため）。

次のようなことを試してください。

1. 1ページで変数を生成します。
2. この変数をセッションCookieとして保存します。
3. 2ページ目で、セッションCookieにアクセスできるようになりました。
4. ユーザーがページ1にアクセスせずにページ2に直接アクセスした場合は、デフォルト値を設定する必要があります。
5. 終わり！