HTML と Javascript + jQuery のみでビルドした最近のプロジェクトに小さな問題があります。ページの一部の領域を一定の間隔で更新する必要があるため、ページのキャッシュを防止したいと考えています。
ページをリロードすると、「no-cache」META タグをヘッダーに設定できます。しかし、私はページをリロードするつもりはありません.jQueryはAJAXでXMLファイルを呼び出しますが、それらのjavascriptファイルはキャッシュされ、メモリのオーバーヘッドが発生します. このため、FireFox がクラッシュし、メモリ使用量が 2 GB まで増加します。
メモリのオーバーヘッドの問題を解決し、ブラウザ上でアプリケーションをスムーズに実行できるように、実りある何かを提案してもらえますか。
function refresh() {
$('#table_info').remove();
$('#table').hide();
if (refreshTimer) {
clearTimeout(refreshTimer);
refreshTimer = null ;
}
$.ajax({
document.getElementById('refresh_topology').disabled=true;
$('<div id="preload_xml"></div>').html('<img src="pic/dataload.gif" alt="loading data" /><h3>Loading Data...</h3>').prependTo($("#td_123"));
$("#topo").hide();
$('#root').remove();
show_topology();
});
}
これはコードで、show_topology() が頻繁に呼び出されて、トポロジーの状態が毎回異なります。