考え事をしたかったので自宅を昼過ぎに出て夕方までひたすら歩いた。
歩いて歩いて歩き回った。
最初は東に向いて歩いて、ある程度まで行ったので折り返して普段の通勤で使う駅まで戻った。
そういえば、以前its-tomさん家で見たDVDで紹介されていた「名所」に行ってみようと思いつき、行ってみた。


微妙に古い陸橋で、あと階段も急で少し恐かったりもしたが。
何人か同じ様に陸橋の上から見える景色を眺めていた。夕焼けに映る景色はとても綺麗だった。

自作のフィードリーダのAjaxで描画を切り替えているところでIEとFirefoxで挙動が異なる原因がわかったのでメモ。

問題になっていたのは、ボタンをクリックしてAjaxでDOMで指定する箇所の更新を行う際、クリックした際のDBの内容の状況によって出力されるアイコン（この場合は既読・未読のアイコン）がIEだと更新されなかったという点。
普段使っているFirefoxだとこの点が想定する

未読のフィード選択→内容表示→閉じるボタンをクリック。一覧が表示され、先ほど未読だった箇所が既読アイコンで表示。

という動きになっていたのだが、IEだと未読のものを読んでもアイコンが未読のままだった。
ということで調べているとすぐ原因は見つかった。

Jaslabsにて、IEでAjaxリクエストをキャッシュさせない方法が掲載されています。

IEの場合Ajaxを用いた通信を行うと、GETメソッドの場合一度実行されるとデータがキャッシュされて、2回目以降の通信はそのキャッシュされたデータを読みに行くようになってしまいます。

CodeZine

 

35 Users

CodeZine（コードジン）

http://codezine.jp/a/article/aid/980.aspx

CodeZineは、株式会社翔泳社が運営するソフトウェア開発者向けのWebメディアです。「デベロッパーの成長と課題解決に貢献するメディア」をコンセプトに、現場で役立つ最新情報を日々お届けします。

なるほど、確かにGETで取りにいっていた。
解決策として次の方法が書かれている。

1. GETメソッドではなくPOSTメソッドで取得する
2. GETメソッドで取得する場合、URLにユニークID（タイムスタンプ等）を付与する
3. If-Modified-Sinceヘッダを付与する

シンプルにGET→POSTに変更して対応しました。無事解決。すばらしい。