jQuery - How to pass multiple callback functions in jQuery ajax

Question

In JS file have multiple ajax calls,so I would like to call one AJAX call with multiple callback functions.can any one help me how to call multiple AJAX calls.Here is test code,

$.ajax({
  url : url,
  dataType : 'json',
  success : test1(data)
});

$.ajax({
  url : url,
  dataType : 'json',
  success : test2(data)
});

It is working fine,can you please help me how we can call both ajax calls in one.

success : test1(data) and success : test2(data) cannot 'working fine' ! — A. Wolff
– A. Wolff, Commented Jul 29, 2013 at 11:00

iConnor · Accepted Answer · 2013-07-29 10:58:58Z

14

use the promise object returned by ajax

var a1 = $.ajax({ 
    url : url, 
    dataType : 'json', 
    success : test2
})
.done(cb1)
.done(cb2);
a1.done(cb3);

edited Jul 29, 2013 at 10:58

iConnor

20.2k14 gold badges66 silver badges98 bronze badges

answered Jul 29, 2013 at 10:52

Arun P Johny

389k68 gold badges532 silver badges532 bronze badges

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

2 Comments

TreeNode Over a year ago

this is actually the best answer.

user5479362 Over a year ago

What happens when cb1 throws an exception?

bipen · Accepted Answer · 2013-07-29 10:53:19Z

6

just call both of your function inside one successs function...

 $.ajax({
   url : url,
   dataType : 'json',
   success : function(data){
      test1(data);
      test2(data);
   } 
});

answered Jul 29, 2013 at 10:53

bipen

36.6k9 gold badges51 silver badges62 bronze badges

Comments

Butani Vijay · Accepted Answer · 2013-07-29 10:57:14Z

3

You can use as follow :

$.ajax({
      url : url,
      dataType : 'json',
      success : function(data){
                if(url=="xyz.php")
                     test2(data);
                else if(url=="abc.php")
                     test1(data);

      } 
});

answered Jul 29, 2013 at 10:57

Butani Vijay

4,2492 gold badges32 silver badges61 bronze badges

Comments

Adil Shaikh · Accepted Answer · 2013-07-29 10:52:24Z

1

You can do this -

$.ajax({
      url : url,
      dataType : 'json',
      success : function(data){
            test2(data);
            test1(data);
      } 
});

answered Jul 29, 2013 at 10:52

Adil Shaikh

44.8k17 gold badges95 silver badges112 bronze badges

Comments

iConnor · Accepted Answer · 2013-07-29 10:53:45Z

1

Like so

$.ajax({
  url : url,
  dataType : 'json',
  success : function( data ) {
     test1(data);
     test2(data);
  }
});

Simples.

Or to go a step further if you want all the arguments you can do this

$.ajax({
  url : url,
  dataType : 'json',
  success : function() {
     test1.apply(null, arguments);
     test2.apply(null, arguments);
  }
});

The you can use them like this

var test2 = function( data, status, jqXHR) {
    console.log( data, status, jqXHR );
};

answered Jul 29, 2013 at 10:53

iConnor

20.2k14 gold badges66 silver badges98 bronze badges

Comments

Rory McCrossan · Accepted Answer · 2013-07-29 10:54:45Z

1

You could easily define one callback function in which you would call multiple ones.

$.ajax({ 
    url: url,
    dataType: 'json', 
    success: myGlobalCallback(data) 
});

function myGlobalCallback(data) {
    cb1(data); 
    cb2(data);     
}

edited Jul 29, 2013 at 10:54

Rory McCrossan

338k41 gold badges321 silver badges353 bronze badges

answered Jul 29, 2013 at 10:51

Dennis Meissner

4513 silver badges10 bronze badges

1 Comment

A. Wolff Over a year ago

You are not waiting the success event to happen to call myGlobalCallback function, and BTW, when success is fired, you use returned function value, if any which is not the case here. In fact, as data is undefined, this will bring an error. You want: success: myGlobalCallback

Collectives™ on Stack Overflow

jQuery - How to pass multiple callback functions in jQuery ajax

6 Answers 6

2 Comments

Comments

Comments

Comments

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

6 Answers 6

2 Comments

Comments

Comments

Comments

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related