How to remove caching with javascript code?

Question

I have small problem with my recent project build in HTML and Javascript + jQuery only. I would like to prevent page caching as I need to refresh some area of page with some time interval.

If I reload the page, then we can set the "no-cache" META tag into header. But I am not going to reload the page and though jQuery calls XML files with AJAX those javascript files are getting cached and Memory overhead occurs. Because of this my FireFox crashes and memory usages increase up to 2 GB.

Can any one suggest me something fruitful so that I can solve memory overhead problem and running my application over browser smoothly.

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();
    });
}

This is the code and show_topology() is been called frequently to make different status of Topology everytime.

Answer 1

disable jquery ajax cache:

$.ajax({cache: false});