DBで新規追加したデータがAjaxで反映されない

質問

いつもお世話になっております。
Apach・PHP・MySQLの構成でWEBアプリを作成しております。
データ表示画面でセレクトボックスを二つ設置して、
一つ目のセレクトボックスを選択した時、OnChangeイベントで
Ajaxを利用し選択されたデータのキーに紐づくデータを取得して
二つ目のセレクトボックスに表示するといった処理を作りたいと考えています。

実際にプログラムを組み実装できたのですが、二つ目のセレクトボックスに表示する
データを新規登録で追加して、再度一つ目のセレクトボックスを選択して
データ表示をおこなっても、追加したはずのデータが表示されません。
ページロードや別画面から再度遷移してきても結果は同じなのですが、
一度ブラウザ(IE6.0)を閉じて再度接続してセレクトボックスを選択すると
追加したデータが表示されます。

以下が該当するAjax部分のソースです。
var Ajax;
function CreateAjax(){
try{
Ajax = new ActiveXObject("Msxml2.XMLHTTP");
return Ajax;
}catch(e){
Ajax = new ActiveXObject("Microsoft.XMLHTTP");
return Ajax;
}
}

function fncAjax(strURL, strID){
try{
Ajax = CreateAjax();
Ajax.open("GET",strURL);
Ajax.onreadystatechange = function(){
if(Ajax.readyState == 4 && Ajax.status == 200){
var obj = document.getElementById(strID);
obj.innerHTML = Ajax.responseText;
}
}
Ajax.send(null);
}catch(e){
alert(e.description);
}
}
function js_OnSelChange(){
try{
fncAjax("http://hogehoge.com/?key=" + document.form.selectdata.value, "ID");
}catch(e){
alert(e.description);
}
}
どなたか対応策をご存知でしたら、ご教授願いいます。

以上。

回答No.1

fdsjaklfjas · ベストアンサー

ブラウザが、Ajaxのリクエストで、ローカルのキャッシュを読みに行ってしまうのが原因だと思います。

googleなどで「ajax キャッシュ」で検索すると出てきますが、AjaxのリクエストでIf-Modified-Sinceヘッダを付けるとよいみたいです。

もしくは、ajaxでリクエストするURLを都度変えることでも対応できると思います。例えばhttp://hogehoge.com/?key=1&dummy=92843231のような感じで、乱数（Math.random）で生成したダミーパラメータをURLの末尾につけます（たまに、二回続けて同じ乱数になることもあるでしょうけども）。

お礼

早速のご回答ありがとうございます。
教えていただいた通り、乱数を設定してリクエストを送ったらデータが反映されました！
キャッシュが悪さしてるかなとは思っていたのですが、content='no-cache'とかにしても変化ないので違うのかなと思ってました・・・
「ajax キャッシュ」についても調べて、勉強してみます。
ありがとうございました！