Setting the cache in jQuery $.post() to be false?

Question

I have this code:

$.post("php/tagNotifUnsub.php", $("#tagNotifUnsub").serialize(), function(){ 
            $('#tagSubDiv').load('tags.php #tagSubDiv', function(){$( "button, input:submit, input:button, a#jql, input:radio" ).button();});      
        });

I understand that $.post is just another name for $.ajax. And I know $.ajax has caching on by default. I want it to be uncached. How can I do that?

score 31 · Accepted Answer · answered Apr 04 '11 at 18:34

31

$.post is not cached.

Pages fetched with POST are never cached, so the cache and ifModified options in jQuery.ajaxSetup() have no effect on these requests.

From http://api.jquery.com/jQuery.post/

answered Apr 04 '11 at 18:34

Daniel A. White

181,601
45
354
430

4

Well this is not entirely true, Safari on IOS 6 has cached POST request, it is crazy but it is true. [http://stackoverflow.com/questions/12506897/is-safari-on-ios-6-caching-ajax-results] – Motoo Nov 06 '14 at 08:19

score 16 · Answer 2 · edited May 23 '17 at 12:02

16

Partly right, Daniel A. White!

On devices running iOS6 and Safari, POST is also cached.

What you can do is the following:

$.ajaxSetup({
   type: 'POST',
   headers: { "cache-control": "no-cache" }
});

edited May 23 '17 at 12:02

Community

1
1

answered Jan 10 '13 at 10:16

Elias

583
4
12

score 1 · Answer 3 · answered Apr 30 '15 at 05:55

1

You mention $.ajax

You can turn caching off for ajax like this:

$.ajax({
        url: "/myURL?",
        cache: false,
    });

answered Apr 30 '15 at 05:55

Stretch

3,541
1
25
39

I'm using a GET ajax call and this finally fixed the issue. For some reason some of the requests were being cached and I was getting incorrect data. – AlexL May 08 '17 at 02:42

score 0 · Answer 4 · edited Nov 11 '16 at 04:04

This is an old problem that seems to pop up from time to time and I am always scratching my head. This solution fixes the problem but it may not be suitable in all cases as it is in effect disabling a key feature of AJAX - The asynchronous feature. That said and done for the cases where I have had this problem - Apple products and Safari I'm looking at you especially - setting the additional parameter of async:false in your jQuery AJAX request fixes the issue and actually solves the "No Alert on Post Callback" problem.

As I said if you absolutely rely on asynchronous functionality then this is not going to help you, but for many projects it will stop you pulling your hair out.

$.ajax({
  type: 'POST',
  url: url,
  data: data,
  success: success,
  dataType: dataType,
  async:false
});

Setting the cache in jQuery $.post() to be false?

4 Answers4

Linked