jQuery, passing success data from AJAX to another function?

Question

I'm trying to get the success data from a jquery Ajax call so I can use it elsewhere but for some reason its only accessible within the actual success call, so immeditaly below works but the other doesnt'.. any advice is appreciated

      success: function(data) {
        alert (data)
      }

this doesn't work when I try to pass "data" onto another function

    $.ajax({
      type: 'POST',
      url: 'http://localhost/site1/utilities/ajax_component_call_handler',
      data: {
            component_function: component_function,
            param_array: param_array
            },
            dataType: "json",
      success: function(data) {
        receiver (data)
      }
    });

}

my ajax success is calling this:

function receiver (data) {

    ajax_return = data
alert (ajax_return)
}

does your receiver function get called? Have you checked in firebug? Also, are you doing this inbetween script tags or in a plugin/object? — hvgotcodes
– hvgotcodes, Commented Aug 11, 2010 at 17:02
Your code should work. Are you sure receiver() is in the proper scope? For example, if the $.ajax() call is outside $(document).ready(function() {...}), but the receiver() is inside, then receiver() will not be visible from where you're calling it. — user113716
– user113716, Commented Aug 11, 2010 at 17:03
the issue was the var name "data", it was calling the function but not passing the data variable — Rick
– Rick, Commented Aug 11, 2010 at 17:09

Justin Force · Accepted Answer · 2010-08-11 17:36:51Z

3

Don't use data as a variable name. jQuery objects have an object called data already which holds arbitrary data. If you call your variable dat, you should get better results.

See http://api.jquery.com/jQuery.data/

A shorter implementation could be to just say success: receiver with no parameters, and write your receiver signature as

function receiver(data, textStatus, XMLHttpRequest) {
  /* ... */
}

Then data is passed by the jQuery callback.

edited Aug 11, 2010 at 17:36

answered Aug 11, 2010 at 16:58

Justin Force

6,3625 gold badges32 silver badges39 bronze badges

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

7 Comments

user113716 Over a year ago

There's nothing wrong with using data as a variable name. I can't see any conflict with jQuery's data method.

Rick Over a year ago

thanks, that was it.. odd how jquery uses "data" in their examples, at least thats where I think I got the var name from

user113716 Over a year ago

@Rick - Was there some other relevant code you didn't post? All the examples of data in your code above are within closures. There shouldn't be any sort of conflict.

Justin Force Over a year ago

In that context, there's a conflict. Because his example assigns data an object, then refers to success: function(data) { receiver(data) };. A shorter implementation could be to just say success: receiver with no parameters, and write your receiver signature as function receiver(data, textStatus, XMLHttpRequest) { /* ... */ }. Then data is passed by the jQuery callback.

user113716 Over a year ago

sidewaysmilk - Still doesn't make sense to me. The data: in the xhr request would be accessible via this.data. If there's a conflict, it would seem that doing alert(data) as OP did in the first example would result in the same conflict. Even if the data: from the xhr request was being overwritten, it wouldn't seem to prevent the function from being called. I'm having no issue in identical tests. Oh well.

|

Darin Dimitrov · Accepted Answer · 2010-08-11 17:00:02Z

3

Have you tried:

$.ajax({
    type: 'POST',
    url: 'http://localhost/site1/utilities/ajax_component_call_handler',
    data: {
        component_function: component_function,
        param_array: param_array
    },
    dataType: 'json',
    success: receiver
});

Or simply use another variable name other than data as it is already used.

answered Aug 11, 2010 at 17:00

Darin Dimitrov

1.0m276 gold badges3.3k silver badges3k bronze badges

Collectives™ on Stack Overflow

jQuery, passing success data from AJAX to another function?

2 Answers 2

7 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

7 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related