Question

I’ve following code:

$("#get_details").click(function(){ 
  name = $("#user_name").val();
  var age,gender;
  $.post("users.php", { name: name },
    function(data){
      if (data.status == 'success'){
        age = data.message[0];
        gender = data.message[1];
        alert(age); //getting output
      }
    }, "json");

   alert(age);//doesn't getting output
 });

I want to access these values outside of $.post(),for this what I’ve to modify ?

Answer 1

First, the var defines them in the local scope. Without var they can be accessed from window, the global object (like window.age or window.gender).

But your second alert doesn’t work because when it is called, the $.post wouldn’t be completed yet, because it is asynchronous. You can do this instead:

$("#get_details").click(function(){

    var name = $("#user_name").val();
    var age,gender;
    var json_ready = false;

    $.post("users.php", { name: name },function(data){
        json_ready = true;
        if (!data.status == 'success') return;

        age = data.message[0];
        gender = data.message[1];
    }, "json");

    var json_alert = function(){
        if(!json_ready)  return setTimeout(function(){ json_alert(); },1000);
        alert('gender: '+gender+', age: '+age);
    }

    json_alert();

});