ASP.NET MVC Action on Synchronous AJAX Requests

Question

I am looking for an MVC implementation equivalent in functionality to the WebForms ajax request handlers below:

Sys.WebForms.PageRequestManager.getInstance().add_beginRequest(function());
Sys.WebForms.PageRequestManager.getInstance().add_endRequest(function());

A very similar question (link below) was answered with a reference to the global .ajax event handlers, but as all of my calls are synchronous I am having the issue that it is firing the ajax finished event at the end of each individual ajax request, and I want it to start with the first and end when the final one finishes. I tried using ajaxStart and ajaxStop which the documentation suggests should be exactly what I am looking for, but I belive that these would only work as intended with async ajax requests.

(ASP.NET MVC 4 Action on AJAX Request)

Is there any way to do this using the jQuery built in ajax event handlers, or any alternative method for synchronous requests?

p e p · Accepted Answer · 2014-12-16 04:22:02Z

You can use jQuery's .when (in combination with .apply) which allows you to execute a callback function based on any number of Deferred objects (which are returned by jQuery .ajax calls). Check out the fiddle and open up dev tools, if you watch the log you will see the correct order of events. First 'started' is logged, then a number of 'ajax response' messages are logged, and finally the 'complete' message is logged at the end of all requests.

Fiddle: http://jsfiddle.net/efjmcm49/

var ajaxCalls = [];
console.log('started');
for(var i = 1; i <= 5; i++){
    var currentCall = $.ajax({
        url: '/echo/json',
        type: 'GET',
        success:function(data){
            console.log('ajax response');
        }
    });

    ajaxCalls.push(currentCall);
}

$.when.apply($, ajaxCalls).done(function () {
    console.log('complete');
});

ChrisV · Accepted Answer · 2014-12-16 04:06:48Z

1

In a series of synchronous requests, jQuery cannot know when you are done making all of them. How would it know that you aren't just about to start another one?

If the requests are synchronous can't you just use normal program flow? Like:

ajaxStart(); //execute arbitrary code

while(condition) {
    //ajax requests here
}

ajaxStop(); //execute arbitrary code

answered Dec 16, 2014 at 4:06

ChrisV

1,30910 silver badges15 bronze badges

1 Comment

AlexF Over a year ago

Yes, however I was putting code on a materpage for a wait indicator that I want to show up during all ajax requests. I think that this is more on the track that I should be looking for though

JConstantine · Accepted Answer · 2014-12-16 05:06:24Z

0

jquery don't have anything inbuilt like that but you can do one thing, take one counter and initialize with 0 and in each ajaxstart you can increment by 1 and in success/error of ajax decrement counter by 1 and as soon as you get value of counter as 0 means all request is over.

edited Dec 16, 2014 at 5:06

JConstantine

3,9411 gold badge36 silver badges46 bronze badges

answered Dec 16, 2014 at 5:03

Ravi

4755 silver badges12 bronze badges

1 Comment

AlexF Over a year ago

That is exactly what I did at first, however the counter then just alternates between 1 and 0

Collectives™ on Stack Overflow

ASP.NET MVC Action on Synchronous AJAX Requests

3 Answers 3

Comments

1 Comment

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

1 Comment

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related