CODEWITHSUNDEEP
javascripthtmlcaching
Geo
Geo

Reputation: 23

How can I force the browser/javascript to clear/ignore a cached file?

I have a Javascript program that extracts data from a text file (just a plain *.txt file) and then displays it in a table. It works as intended except for one issue: If I update the text file where the data lives in the update does not shows up on the table. The reason is that the file is being cached by the browser.

Is there a way to force Javascript to read from the latest version of the file and not from the cached version? Again, this is not a problem with the javascript file as doing Ctrl-5 and or Shift+Ctrl+R does not works and also updating the javascript file itself behaves as expected. it is only the file where the data is in that is the problem.

To read the text file I use the Webix toolkit which uses AJAX to read the file. The reading and parsing of the text file is done via Javascript and the Webix toolkit. There is very little html in my program.

//the name of the file is dependant of an user specified input
var theURL = rossObj.store_number.store_number + "macaddress.txt ";

webix.ajax(theURL,{
    //response
    error:function(text, xml, XmlHttpRequest){
        webix.alert({ ok:"OK", type:"alert-warning", text:"could not open the following URL --> "+theURL, width:"400px"});
        return "mac_address_error";
    },
    success:function(text, xml, XmlHttpRequest){
        //parse the file;
    }
});

Upvotes: 1

Views: 499

Answers (1)

Billy
Billy

Reputation: 2448

Try adding a random number to the end of the url as a query string, the server will ignore but the browser will treat it as a new file

var theURL = rossObj.store_number.store_number +
    "macaddress.txt?" +
    Math.floor((Math.random() * 10000) + 1);

Upvotes: 1

Related Questions