Jquery returns undefined in my code

Question

I want to return the following response from my jquery code.

function count_waiting(){   
    $.ajax({                                                    
      url: 'index.php/event/count_waiting/2',                           
      type: "post", 
      success: function(response) {         
       return response;     
      } 
    });

}

By doing this the return is undifned

$(document).ready(function() {
  alert(count_waiting());
});

any idea whats wrong with my code

What is `event_id` in the scope of the `ready` method? I don't think it exists. You must define it. — Guttsy, Sep 20 '13 at 06:56
Try alerting 'response' within the success callback. Also, I suggest using safari/chrome and debugging Ajax calls with the built in Inspector tools — JAL, Sep 20 '13 at 07:01
it returns the result when I tried the ALERT.. inside the ajax — Markie Mark, Sep 20 '13 at 08:43
i tried this http://stackoverflow.com/questions/14220321/how-to-return-the-response-from-an-ajax-call but still undefined — Markie Mark, Sep 20 '13 at 09:12

diegocstn · Answer 1 · 2013-09-20T07:05:29.027

0

an ajax request is async . when you call you count_waiting function, probably your request has not been processed and the result is not yet ready.

When the success callback is fired, your data is ready; call a function(with the result as argument) inside of it or use your data directly here.

edited Sep 20 '13 at 07:05

answered Sep 20 '13 at 07:00

diegocstn

4,447
2
20
17

the explanation is correct, but what is the solution? Also, guessing is not welcome here. Also, why link to the italian wikipedia? – John Dvorak Sep 20 '13 at 07:00
sorry for IT link, just a typo. – diegocstn Sep 20 '13 at 07:06
oh no! async: false is the answer – Markie Mark Sep 20 '13 at 09:17

Jquery returns undefined in my code

1 Answers1