Question

Hi my jQuery callback function does not work.

 Competitor = {
    addCompetitorForSave: function($data) {

            $.post('/competition/add', $data , function($json) {

            }, 'json');

           return $json; // I need to return json data .
        }
}

after this I need to do next .

 var data  = $('someForm').serialize();
 var $json  = Competition.addCompetitorForSave(data);

Thanks a lot.

Answer 1

The post completes asynchronously but the alert runs synchronously. Hence the qa value hasn’t been set yet. Instead of return a value here you need to pass an additional callback into addCompetitorForSave.

addCompetitorForSave: function($data, callback) {
  var qa  = 0;
  $.post('/competition/add', $data , function($json) {
    callback($json);
  }, 'json');
}

var obj = ...;
obj.addCompetitorForSave(theData, function(qa) {
  alert(qa);
});