Question

I have 2 functions with ajax call. How can i use the variables in function2 that return in function1.

function func1 (){
  $.ajax({
      url:"",
      dataType: 'json',
      success: function(data){
          var foo
      }
  });  
  //How can i use var foo in func2(foo)?
  //i try .done(func2(foo)); but it returns foo is not define
}

    function func2 (param){
       $.ajax({
         url:"",
         dataType: 'json',
         success: function(data){
       }
     });
     }

Answer 1

You must set the variable foo globally, and async to false, so the browser can wait to execute func1 before executing func2:

var foo;
function func1 (){
  $.ajax({
      url:"",
      dataType: 'json',
      async: false,
      success: function(data){
          foo = ...
      }
  });  
  //How can i use var foo in func2(foo)?
  //i try .done(func2(foo)); but it returns foo is not define
}

function func2 (param){
   $.ajax({
     url:"",
     dataType: 'json',
     success: function(data){
         alert(foo)
   }
 });
 }

You could also have done it without initializing the var, as said by Ozerich; but is a good practice to have all your variables initialized.

Remember that if you initialize again the variable inside the success callback (using var foo again) you will be referring to a new variable named foo instead of the globally one.

You can know more about javascript variable scopes searching the web.. https://stackoverflow.com/a/500459/407456

btw, you should consider executing your func2 inside the success callback of the func1.