ajax call inside ajax success jquery then ajaxstart function not working

Question

I have an ajax call(call 2) inside another ajax success function(call 1). Also i have an ajaxstart function which shows a loading image. But the problem is ajaxstart function is not working on the second ajax call(call 2)

$.ajax({
    type: "POST",
    url: url,
    data: objParam,
    dataType: 'json',
    success: function(result) {
        $.ajax({
            type: "POST",
            url: url,
            data: objParam,
            dataType: 'json',
            success: function(result) {                     
            },     
            error: function(err) {
                alert("Please Try again");
            }
        });
    }, 
    error: function(err) {
        alert("Please Try again");
    }
});

yes. both ajax runs fine. but ajaxstart function not working — Madhu, Dec 22 '14 at 09:22
Good practice is if you have inside another ajax to be outside into function, because ajax is asynchronous — Fortran, Dec 22 '14 at 09:24
actually im using another function inside the first ajax call. for demo purpose i have put that here :) — Madhu, Dec 22 '14 at 09:25
possible duplicate of [jQuery Ajax Request inside Ajax Request](http://stackoverflow.com/questions/10089447/jquery-ajax-request-inside-ajax-request) — waki, Dec 22 '14 at 09:25
as per the documentation of `ajaxStart` - `Register a handler to be called when the first Ajax request begins` [**DOCS**](http://api.jquery.com/ajaxstart/) — Cerlin, Dec 22 '14 at 09:26
Sounds like you want to use `.ajaxSend()` instead. Your accepted answer doesn't make much sense — A. Wolff, Dec 22 '14 at 10:59

score 1 · Accepted Answer · answered Dec 22 '14 at 09:42

1

If $.ajax or $.ajaxSetup is called with the global option set to false the $.ajaxStart () method will not fire

Try global:false inside $.ajax. It will work.

answered Dec 22 '14 at 09:42

VijayaKumar Thangavel

506
4
9
14

ajax call inside ajax success jquery then ajaxstart function not working

1 Answers1