Second Call to Ajax get the First Result Allways

Question

I Using this code

<script type="text/javascript">
$(function() {
    $('#DoTask').click(function(event) {
        event.preventDefault(); // added this
        $.getJSON('/TareasBackGround/DoTaskInteractivo', null,
                function(response) {
                    $('#ResultadoEjecutarTarea').html("<br />Resutado:" + response.result);
                    $('#ResultadoEjecutarTarea').css("style", "");


                });
    });
});

After the first call I get always the same result. I add the time stamp to the result to check this.

Any ideas?

Answer 1

You're probably caching the result the first time, so when you request it the second time you get the same (cached) timestamp.

Answer 2

The response is probably cached. You can set the Ajax option cache to false or add a timestamp at the request:

currentTime= (new Date()).getTime();    
url = '/TareasBackGround/DoTaskInteractivo?_=' + currentTime;

Answer 3

Add this:

$.ajaxSetup ({cache: false});

right above your click event. This should prevent the ajax request from caching.