jQuery Ajax: How to wait to finish ajax in main script?

Question

I have code:

$this.ajaxForm({
    beforeSend: function (form) {
        $('input[name *= "XXX"]').each(function (index) {
            $.GetJSON({
                url: "XXX",
                data: {
                    XXX: $(this).val()
                }
                success: function(json) {
                    if (json.error)
                    {
                    }
                }
            });
        }
        anotheraction();
    }
});

I would like to stop execution of next part of script (in loop or before "anotheraction") until end of the previous Ajax (of course if is json.error).

Edit: I would like break a loop (when i have json.error) and return false in beforeSend

Edit2: In theory async:false should help, but doesn't work too.

It is possible?

yves amsellem · Accepted Answer · 2012-10-16 11:23:16Z

2

If you want to delay an operation until a success call to the server, just include it in the success callback:

$.GetJSON({
    url: "XXX",
    data: {
        XXX: $(this).val()
    }
    success: function(json) {
        anotheraction();
        ...
    }
});

answered Oct 16, 2012 at 11:23

yves amsellem

7,2547 gold badges46 silver badges70 bronze badges

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

1 Comment

chudi Over a year ago

I would like break a loop (when i have json.error) and return false in beforeSend

Dave Hogan · Accepted Answer · 2012-10-16 11:23:38Z

0

Yes it's possible just by using the return keyword

answered Oct 16, 2012 at 11:23

Dave Hogan

3,2216 gold badges31 silver badges55 bronze badges

Collectives™ on Stack Overflow

jQuery Ajax: How to wait to finish ajax in main script?

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related