JS/JQueryでページ変数を設定する

Question

私は基本的にラッパーであるhtmlページを持っています。クリックすると、JQuery.load関数を使ってサブディレクトリ内の特定のページを読み込むというタブがページにあります。これにより、ページを更新したり、セッション変数を設定したりせずに、部分的なページビューに合わせてコンテンツを変更することができます。しかし、私がを実行してページを更新すると、私はラッパーのデフォルトのコンテンツを表示します。

変数が設定されているかどうかを確認できるJQueryを使用して変数を設定するにはどうすればよいですか？そうであれば、ウィンドウが更新されると直ちにページを読み込みますか？私は、タブをクリックしたときにPHPセッションを設定する追加のAJAX呼び出しを呼び出すことによってPHP経由でこれを行う方法を見つけ出すことができたと思うが、それを回避しようとしている。

TIA。

Answer 1

jQuery BBQ pluginをチェックしてください。あなたが話している "ページ変数"は、URLハッシュである可能性があります。例：http://benalman.com/code/projects/jquery-bbq/examples/fragment-basic/

Answer 2

あなたのページの状態を保存するためにcookiesを試してみることができます。

あなたJQuery.loadコールバック関数では、あなたがクッキーを設定することができ、いつ開くのにどのタブを見つけるためにページが最初にロードしますが、このクッキーを確認することができます。

//Store page state when loading tab using Ajax 
function loadTab(tabVal) 
{ 
    $.load("www.example.com" + tabVal, 
     function(){ 
      document.cookie=tabVal; 
      //...rest of your your load logic 
     } 
    ); 
} 

//On document ready, check cookie to determine which page to load 
$( 
    function(){ 
     var pageState = document.cookie; 
     if(pageState){ 
      loadTab(pageState); 
     } 
    } 
);