Get var out of jQuery.get nested function

Question

  function getUserHours(tyPe, tarGet){
    $.get(\'/activities/search\', { \'type\': tyPe }, 
    function(data){   
     var hourResultData = jQuery.parseJSON(data);
           


        

Answer 1

The callback function you're trying to return from is called when the data is ready, meaning the data is sent asyncronously.

This means you can't return the data directly from your getUserHours function. You need a callback function to fire when the data is ready.

Something like this:

  function getUserHours(tyPe, tarGet, callback){
    $.get('/activities/search', { 'type': tyPe }, 
    function(data){   
     var hourResultData = jQuery.parseJSON(data);
     var registeredHours = 0; 
     for (var i in hourResultData.activities){
      registeredHours += parseFloat(hourResultData.activities[i].hours);
     }
     $(tarGet).empty().append(registeredHours);

     callback(registeredHours); // callback, send back data to callback function
   });

  }

Then send an anonymous function as a parameter in getUserHours.

  getUserHours('r', '#reg-hours', function(data) {
    alert(data);
  });