Question

181

Adding a random number after the URL

rated 0 times [ 186] [ 5] / answers: 1 / hits: 15508 / 13 Years ago, thu, september 15, 2011, 12:00:00

I've got a site which uses jQuery and Ajax to change the site content without reloading the page. The site contains content which I often change. But somehow the page gets saved in the cache so it doesnt show the changes.

I tried several things to make the browser not to save the site into the cache like METAs and PHP. But it doesnt work.

I think it has to do with the fact, that the page always has the same URL so I thought about adding a random number to it like:

window.location.hash = $(this).attr('href').substr(0,$(this).attr('href').length-5);

(It's not my code, found it with some googlin) But this only adds the link ID I clicked on to the URL. I don't know where to put Math.random() to add a random number.

Hope you can help!

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

khalidkendelld

Add To Favorites

Follow

Total Points: 55

Total Questions: 99

Total Answers: 77

Location: South Korea

Member since Tue, Feb 22, 2022

2 Years ago

answered 13 Years ago collinisaaka · Accepted Answer

Just use cache : false. jQuery will automatically add a timestamp to the end of the URL for you, making sure that ajax requests are never cached.

Quoting the the API reference for .ajax()

cache
Default: true, false for dataType 'script' and 'jsonp'

If set to false, it will force requested pages not to be cached by the browser. Setting cache to false also appends a query string parameter, _=[TIMESTAMP], to the URL.

Examples

Globally disable caching for all future ajax requests. See .ajaxSetup()
```
$.ajaxSetup({

  cache: false

});
```

Disable caching per request. See .ajax()

$.ajax({

  url: test.html,

  cache: false,

  success: function(html){

    $(#results).append(html);

  }

});