2011-01-10 13 views
2

Jquery Ajaxでのナビゲーションの処理方法を教えてください。戻るボタン付きのJQuery Ajax

たとえば、私はホームページを持っています。とpage2のいずれかのコンテンツをロードする2 ajaxリンク。

私は、URLを:localhost/page1またはlocalhost/page2としたいと思います。私はこれが可能であることを知っていますが、私はこの機能の名前を知らない。

コード化された例が良いでしょう。

<div id="nav"> 
    <a href="page1">Page 1</a> | <a href="page2">Page 2</a> 
</div> 
<div id="Container"></div> 

答えて

0

を私はちょうどあなたがこの

$("#nav>a").click(function(e){ 
$.get($(this).attr("href"),function(data){ 
    $("#Container").html(data); 
}); 
return false; 
}); 
+2

OPではっきりしませんが、戻るボタン機能が必要なようです。 AFAIKこのコードは、戻るボタンを押すとコンテナを以前の状態に戻しません。誰もこれを実装する方法を知っていますか? – dwelch

2

あなたのページの変更を反映するためにwindow.location値を変更することができます。

あなたがあなたのページを知っていたら、あなたはこのような何か行うことができます。

var location = window.location.toString(); 
var pageHash = "#" + page; 

if (window.location.hash == "") { 
    window.location = location + pageHash; 
} 
else { 
    window.location = location.substring(0, location.indexOf("#")) + pageHash; 
} 
+0

のようないくつかのthiingを探しているなら、申し訳ありませんが、私は、ハッシュを削除guesingていますそれはURLのように見えるのが好きです。 –

+0

コンテンツを取得するためにajax呼び出しをどこに置くのですか? –

+0

#を削除することはajaxではなく、別のページに移動するだけです – hunter

関連する問題