Ajaxデザインパターン – Unique URLs(一意的なURL)

phiary に引っ越しました. 毎日プログラミングやWebに関する情報を発信しています! RSS 登録してたまに覗いたり, tweet やハテブして拡散してもらえると幸いです.

Pocket

最近Ajaxを使ったWebアプリを作るのにはまっているのですが、
動的にタグの中身を変化させるので、ブックマークをしても
違う情報が表示されてしまっていました。

そこで何か方法はないかと調べてみたところなかなか面白い方法が。
「Unique URLs」という方法です。

具体的には、urlのアンカー部分(#以降の文字列)を書き換えても
画面がリフレッシュされないというのを利用して、
そこに動的に変化させたステータスを保持させちゃおうというテクニックです。

このテクニック、実はGmailやGoogle ドキュメントでも使われています。
実際に、Gmailのurlを注意深く見てみてください。ラベルの情報が
書き足されたり書き換えられているのがわかると思います。

参考サイト


ブラウザ間の違いについてはこちらでうまくまとめてくれています。
http://d.hatena.ne.jp/ofk/20090915/1252993893

問題点

戻る/進むボタンに対応できないTT
荒い方法ですが、常にwindow.location.hashの中身を見張っておくしかないTT
方法はこちら
http://zombiebook.seesaa.net/article/117986453.html

TRACK BACK URL

POST COMMENT

メールアドレスが公開されることはありません。

COMMENT