Running a function before async ajax request

Question

I'm trying to run a function before async ajax request. However function is running after async request gets the respond.

Is there any way to solve this issue?

block();

ajaxRequest= $.ajax({
    url: siteURL+'includes/ajax/action.php',
    type: "POST",
    async: false,
    data: {productID : productID},
    dataType: "json"
});
ajaxRequest.done(function(data) {
            block(true);
            if (data === false) {
                alerts('error title','error info here', 'error', 200);
                return false;
            }
});
ajaxRequest.fail(function(jqXHR, textStatus) {block(true); alerts('error title','error info','error');});
confirm();

I run more functions after these codes. However as I stated before, block(); function is waiting till async ajax request is getting response.

If I don't run asynchronous, then I get block() and confirm() functions running at the same time so return false; losing all the meaning.

P.S. I run these codes when a form is submitted so if async request is failed I don't want it to run any other code after it. However when it is asynchronously running block() is waiting till response is returned.

Call the function before you call the ajax request by putting the line that calls the function above the line that executes the ajax request. — GolezTrol
– GolezTrol, Commented Oct 12, 2012 at 19:47
well maybe that wasn't obvious but I already run the function before. — Revenant
– Revenant, Commented Oct 12, 2012 at 19:48
Can you please explain what you're trying to accomplish? The original block() is running before the request is sent. — Snuffleupagus
– Snuffleupagus, Commented Oct 12, 2012 at 20:03
@Snuffleupagus If block() is performing a graphical or dom change, it may not appear to happen before the ajax request due to async:false stopping browser rendering. — user400654
– user400654, Commented Oct 12, 2012 at 20:06

user400654 · Accepted Answer · 2012-10-12 20:38:44Z

4

Your problem is async:false. Your request is NOT an async request, it is a sync request. It blocks javascript code and browser rendering from happening while the request is being processed. With your current setup, there should be no harm in removing async: false, thus making it async.

block();

ajaxRequest= $.ajax({
    url: siteURL+'includes/ajax/action.php',
    type: "POST",
    data: {productID : productID},
    dataType: "json"
});
ajaxRequest.done(function(data) {
            block(true);
            if (data === false) {
                alerts('error title','error info here', 'error', 200);
                return false;
            }
});
ajaxRequest.fail(function(jqXHR, textStatus) {block(true); alerts('error title','error info','error');});
ajaxRequest.always(confirm);

edited Oct 12, 2012 at 20:38

answered Oct 12, 2012 at 19:49

user400654

95.1k16 gold badges168 silver badges188 bronze badges

Sign up to request clarification or add additional context in comments.

4 Comments

War10ck Over a year ago

@Revenant This solution should work perfectly. If for some unknown reason, it doesn't you may want to consider using the 'beforeSend' callback built into the jQuery .ajax functionality.

Revenant Over a year ago

beforeSend might be really helpful. However it will push me to add over 300 lines of codes to in beforeSend. The same goes to confirm() and codes after that. I believe there is no easy way around this. Maybe I should say; I just want block() to run after that wait for a response from ajax request and then proceed (if ajax request is not returning false).

user400654 Over a year ago

@Revenant did you see the sample code i just added? it makes confirm run after the async request.

Revenant Over a year ago

Yes Kevin B, thank you for your help. It will just require massive editing to my .js file. I just wanted to make things short by adding block(); and confirm();. However there are hundreds of lines of codes before and after that ajax request.

Collectives™ on Stack Overflow

Running a function before async ajax request

1 Answer 1

4 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

4 Comments

Your Answer

Sign up or log in

Post as a guest

Related