jqueryでページ移動した時に、ブラウザのキャッシュを読み込まずにサーバーからリロードさせたい

Question

トップページにおいてユーザーがフォームに入力してsubmitした後、thanksページに飛んで、その5秒後に、またトップページに飛ぶ実装をしています。

(function(){
    setTimeout(function(){
        window.location.href = '/';
    }, 5000);
});

トップページにおいて、memcachedを利用してセッションデータを一時的に保持しているのですが、ユーザーがsubmitした時点で、memcachedのデータを削除しています。
しかし、上記のjQueryでトップページに移動した時に、トップページではmemcachedで表示されていたデータが表示されてしまっています。
再度トップページをリロードすると、それは消えるので、ブラウザのキャッシュが残って表示されてしまっているのだと思います。

metaタグに、

<meta http-equiv="Pragma" content="no-cache" />
<meta http-equiv="cache-control" content="no-cache" />
<meta http-equiv="expires" content="0" />

を書いても、効果がありません。

そこで、トップページに、下記記述をして、thanksページから戻って来た場合には、リロードするという方法も考えたのですが、これではページをリロードし続ける結果になってしまいました。

$(function(){
    var ref = document.referrer;
    if (ref == 'thanksページのURL'){
	location.reload();
    }
});

一番好ましいのは、window.location.hrefやwindow.location.replaceをする時に、ブラウザキャッシュを読み込むのではなく、サーバーから読み込むような実装ができれば良いのだと思うのですが、そのような方法は見つかりませんでした。

何か、良い解決策をご存じの方、ご教示頂ければ幸いです。
よろしくお願いいたします。

Answer 1

こうするとかどうでしょう。

document.location.href = home_URL + "?"+( new Date() ).getTime()

【javascript でカレントページをリロードするには - それマグで！】
http://takuya-1st.hatenablog.jp/entry/20110713/1310525685

Comments

[退会済みユーザー]

ご回答頂き、ありがとうございます。
下記の記述で、トップページに移動して、キャッシュを読み込まず対応することができました。
<script>
$(document).ready(function(){
setTimeout(function(){
window.location.href = '/' + "?"+( new Date() ).getTime()
}, 5000);
});
</script>