controller action executes only on first getJSON or AJAX get request

Question

I'm using JQuery and MVC2 to make an AJAX request when the user clicks on a link. The links are using .live in jQuery like so:

$('.listdelete').live('click', function (event) {

            event.preventDefault();

            url = '/Controller/Action';

            data = getArguments();

$.getJSON(url, data, function (data) {

                alert('success!');

            });

When I drop a break point in my controller I can see that on the first user click the controller action is found and executed. On subsequent clicks the getJSON call executes the success alert, but the controller code is not executed. Is there a problem using .live with getJSON?

score 0 · Accepted Answer · answered Jul 11 '11 at 12:34

The problem probably lies (if you are using IE) in the fact that the browser caches your request. So you have a success but no real call is made. To avoid this you should do something like this:

$('.listdelete').live('click', function (event) {

            event.preventDefault();

            url = '/Controller/Action';

            data = getArguments();
            //get the timestamp
            var nocache = new Date().getTime();

            //add the timestamp as a paramter to avoid caching
            data['nocache'] = nocache;

$.getJSON(url, data, function (data) {

                alert('success!');

            });

I am using IE, and your solution solved my problem. With you steering me in the right direction I also found this post: http://stackoverflow.com/questions/264216/getjson-returning-cached-data-in-ie8 — user536698, Jul 11 '11 at 12:56

controller action executes only on first getJSON or AJAX get request

1 Answers1