Can’t get correct return value from an jQuery Ajax call [duplicate]

by

You are calling the asynchronous $.get() method, where its callback function will be called after your getPicsInFolder() function returns. Follow the comments in the example below:

function getPicsInFolder(folder) {
   return_data = "error";
   // Since the $.get() method is using the asynchronous XMLHttpRequest, it 
   // will not block execution, and will return immediately after it is called,
   // without waiting for the server to respond.
   $.get("getpics.php", function (data) {
      // The code here will be executed only when the server returns
      // a response to the "getpics.php" request. This may happen several 
      // milliseconds after $.get() is called.
      return_data = data;
   });

   // This part will be reached before the server responds to the asynchronous
   // request above. Therefore the getPicsInFolder() function returns "error".
   return return_data;
}

You should consider refactoring your code in such a way that the logic to handle the JSON object is in the $.get() callback. Example:

$.get("getpics.php?folder=test", function (data) {
   // Handle your JSON data in here, or call a helper function that
   // can handle it:
   handleMyJSON(data); // your helper function
});

More Related Contents:

  1. jQuery Ajax File Upload
  2. jQuery AJAX cross domain
  3. How can I get jQuery to perform a synchronous, rather than asynchronous, Ajax request?
  4. Asynchronously load images with jQuery
  5. Is Safari on iOS 6 caching $.ajax results?
  6. Refresh/reload the content in Div using jquery/ajax
  7. Sequencing ajax requests
  8. What is the cleanest way to get the progress of JQuery ajax request?
  9. How do I send an AJAX request on a different port with jQuery?
  10. Pass Javascript variable to PHP via ajax
  11. Saving a text file on server using JavaScript
  12. Intercept all ajax calls?
  13. Multiple ajax calls inside a each() function.. then do something once ALL of them are finished?
  14. How to make a jsonp POST request that specifies contentType with jQuery?
  15. How can I return a variable from a $.getJSON function
  16. Ajax HEAD request via Javascript/jQuery
  17. How to execute javascript inside a script tag returned by an ajax response
  18. Uploading File using Ajax in Asp.Net Core
  19. How to replace html element with ajax response?
  20. jQuery AJAX Call to PHP Script with JSON Return
  21. console.log(result) prints [object Object]. How do I get result.name? [duplicate]
  22. Why does jQuery.ajax() add a parameter to the url?
  23. how to use jQuery ajax calls with node.js
  24. how Postman send requests? ajax, same origin policy
  25. Automatically resize jQuery UI dialog to the width of the content loaded by ajax
  26. How to add a Facebook “Like” button to an AJAX driven page
  27. $.post throwing “Illegal invocation “
  28. CORS error with jquery
  29. XMLHttpRequest; Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, https, chrome-extension-resource [duplicate]
  30. How to replace the entire html webpage with ajax response?

Leave a Comment