Question

I need to load a php-script with ajax, which creates a JSON-result.
An example of the getEvent.php is:

[{"id":"1","start":"Wed Jul 18 12:00:00 GMT+0200 2012","end":"Wed Jul 18 13:30:00 GMT+0200 2012","title":"leer"}]

In order to transmit this result to another function, I have to be able to assign it to an variable. I tried it many ways, but it has never worked out.

function loadEvents(){
   var cdata;

   $.getJSON({
     type: 'GET',
     url: 'getEvent.php',
     asynch:false,
     contentType: 'application/json; charset=utf-8',
     dataType: 'json',

     success: function(jsonData) {
        cdata = jsonData;
     },
     error: function() {
       alert('');
     }

   });
   return cdata;
 }

cdata = jsonData; doesnt seem to work

I have only found ways to asign parts of the result (jsonData) to a variable, but it seems that the entire jsonData can’t be returned.

Can anybody help me with my problem? I have to return the complete jsonData to another function…

Thanks

Answer 1

getJSON is an asynchronous function (expectiong just a url, no settings object (Docu)), meaning that it will return a result as soon as the answer from the server is done. In the meantime your function continues execution. Thus, at the moment you return cdata, your success function hasn’t executed yet. You need to either use a callback or set the function to be synchronous (which you are trying to do but have a typo in there – it’s async without h – also if you want to pass additional settings, you can’t use getJSON() but have to use $.ajax().

instead of making the call synchronous, using the callback is probably the better solution:

instead of

 success: function(jsonData) {
    cdata = jsonData;
 },

write:

 success: function(jsonData) {
    workWithResult(jsonData);
 },

 // this is called the "callback" function, it is executed when the ajax-request
 // returned successfully
 function workWithResult(data){
     // now you can work with the data, which is guaranteed to exist
 }