まず、Jquery での Ajax の実装とプロトタイプをリストしてみましょう。
Jquery:
<スクリプト言語="javascript ">
$(function(){
var box = {};
var remoteUrl = 'index.php';
box.interval = 5*60*1000;/ /5 分
box.showBoxInfo = function() {
jQuery.get(remoteUrl, function(data){
var msg_box = $('#msg_box');
msg_box.innerHTML = data ;
}
});
}
this.showBoxInfo();
setInterval(this.showBoxInfo,this.interval); 🎜>} ;
box.run();
})
プロトタイプ:
コードをコピー
コードは次のとおりです: >
実際、setInterval 関数を導入するとプロトタイプが更新できなくなるのはなぜでしょうか。
プロトタイプには同じ URL のキャッシュ機構があるため、特にユーザーが F5 を使用するか「更新」をクリックした後、Ajax 応答領域が空白になるというバグが発生します。そのため、プロトタイプを更新してはなりません。
プロトタイプの URL に乱数を追加します
元の形式: var reverseUrl = 'index.php';
変更後: var remoteUrl = 'index.php?rand=' Math.random();
ページ表示に関係のないパラメータを生成するにはGETメソッドを使用します。