return from jquery ajax call

Question

Estoy tratando de utilizar el retorno de una llamada jQuery ajax en mi propia función, pero sigue volviendo indefinido.

function checkUser2(asdf) { 
    $.ajax({ 
     type: "POST", 
     async: false, 
     url: "check_user.php", 
     data: { name: asdf }, 
     success: function(data){ 
      return data; 
      //alert(data); 
     } 
    }); 
} 

$("#check").click(function(){ 
    alert(checkUser2("muma")); 
}); 

la llamada ajax definitivamente las obras, porque cuando mi alerta de Descomentar consigo el retorno correcta, y puedo verlo en Firebug. ¿Estoy haciendo algo estúpido?

Answer 1

La llamada AJAX es asíncrona, esto significa que la solicitud AJAX se realiza fuera de orden de la ejecución habitual del programa, y ​​en su programa eso significa que checkUser2() no está devolviendo datos a la alerta.

No puede usar los valores de retorno de las llamadas $.ajax() de esta manera, sino que mueve el código que utiliza los datos de retorno AJAX a la función success(), para qué sirve.

Answer 2

Tal vez puedas probar:

function checkUser2(asdf) { 
    var result; 
    $.ajax({ 
     type: "POST", 
     async: false, 
     url: "check_user.php", 
     data: { name: asdf }, 
     success: function(data){ 
      result = data;    
     } 
    }); 
    return result; 
}  


$("#check").click(function(){ 
    alert(checkUser2("muma")); 
}); 

Puede que tenga que mover la variable de resultado como una variable global en vez de JavaScript. No he probado esto todavía.

Answer 3

Se podría hacer esto, pienso:

function checkUser2(asdf) { 
    var s = $.ajax({ 
     type: "POST", 
     async: false, 
     url: "check_user.php", 
     data: { name: asdf }, 
     success: function(data){ 
      return data; 
      //alert(data); 
     } 
    }).responseText; 
    return s; 
}  

pero, como en el cuarto ejemplo de la jquery doc page for ajax function dice, creo que

Bloques del navegador, mientras que las solicitudes están activos. Es mejor bloquear la interacción del usuario> por otros medios cuando la sincronización es necesaria.

Answer 4

También puede almacenar los "datos" utilizando el método de datos de jQuery y asociarlo con un objeto jQuery global o selector local jQuery. Por ej.

success: function(data) { 
    $.data('result', data); 
} 

El valor de retorno se la puede acceder en cualquier lugar usando

$.data('result') 

También puede asociar este a una variable local (por ejemplo, $ ('# myid'). Datos()) de manera que su local para ese objeto en lugar de en el alcance global.