Function to return result of ajax call
-
Got the following code: $('#next_btn').click(function() { addUser(); }); //$('#next_btn').click function addUser() { var participant = {}; var PID = 0; PID = FindUserByEmail($('#UserEmail').val()); // do other things and add this user's data to the participant JSON object } // function addUser() function FindUserByEmail(user_email) { var url = escape(AJAX_URL_SELECTBYEMAIL + user_email); $.ajax({async: true , type:'POST' , url: url , dataType: 'json' , success: ajax_find_user_result , error: ajax_error }); // $.ajax } // function FindUserByEmail(user_email) function ajax_error(jqXHR, textStatus, errorThrown) { alert('X:' + jqXHR.status); alert('E:' + thrownError); } // function ajax_error(jqXHR, textStatus, errorThrown) function ajax_find_user_result(data) { if(data.result) { pid = data.result.PID; if (pid == 0) { alert('User not found'); return false; } else { alert(pid); } // if (pid == 0) } else { alert('No results returned'); return false; } // if(data.result) } // function ajax_find_user_result(data) The addUser() function is called from the click event. How can I make sure that the function FindUserByEmail returns the value from the ajax call? I am not sure how to do this. Calling the URL by itself returns correct JSON and a demo returns the correct PID. Just not sure how to do it like above.
-
Answer:
How about this? function FindUserByEmail(user_email) { var url = escape(AJAX_URL_SELECTBYEMAIL + user_email); $.ajax({async: true , type:'GET' , url: url , dataType: 'json' , success: function(data) { if(data.result){ pid = data.result.PID; if(pid == 0) { return -1; } else { return pid; } } else { return -2; } } , error: ajax_error }); // $.ajax } // function FindUserByEmail(user_email)
MB34 at Stack Overflow Visit the source
Other answers
The first 'A' in AJAX means "asynchronous", which means that the result comes back after the call to $.ajax() returns. All processing of the result must be done in ajax_find_user_result. Note that this isn't a limitation. It's actually a good thing, since it means your browser won't hang waiting for the result to come back. (There are other ways to solve this problem, but callbacks is the way it's done in JavaScript, and AJAX in particular.) If you really, really want to do synchronous calls, set async=false in the parameters, but you really, really shouldn't do this (plus, it isn't supported in some cases).
Marcelo Cantos
You could do the work in your success handler, or use jQuery's http://api.jquery.com/jQuery.when/.
Dave Newton
Related Q & A:
- How to pass multiple parameters in a single Ajax function?Best solution by stackoverflow.com
- how to call a function in Python in another function?Best solution by Yahoo! Answers
- How to return result of function?Best solution by Stack Overflow
- Can I use ajax to call c#?Best solution by Stack Overflow
- How to do pagination in ajax call?Best solution by stackoverflow.com
Just Added Q & A:
- How many active mobile subscribers are there in China?Best solution by Quora
- How to find the right vacation?Best solution by bookit.com
- How To Make Your Own Primer?Best solution by thekrazycouponlady.com
- How do you get the domain & range?Best solution by ChaCha
- How do you open pop up blockers?Best solution by Yahoo! Answers
For every problem there is a solution! Proved by Solucija.
-
Got an issue and looking for advice?
-
Ask Solucija to search every corner of the Web for help.
-
Get workable solutions and helpful tips in a moment.
Just ask Solucija about an issue you face and immediately get a list of ready solutions, answers and tips from other Internet users. We always provide the most suitable and complete answer to your question at the top, along with a few good alternatives below.