Comment renvoyez-vous les données d'un événement de succès AJAX à la fonction externe?

Question

Je veux que la fonction check_membership() ci-dessous retourne les "données" AJAX. Toutefois, "result" continue d'être défini sur l'objet XHR et non sur l'objet JSON renvoyé.

Comment résoudre ce problème?

function check_membership() { 

    var result; 

    result = jQuery.ajax({ 
     type: 'POST', 
     url: '/ajax/member', 
     dataType: 'json', 
     async: false, 
     success: function(data) { 
      return data; 
     } 
    }); 

    return result; 

}

Merci.

Answer 1

Javascript ne « attendre » pour le rappel de succès de .ajax de $ au feu avant de revenir de la fonction principale, donc il y a une bonne chance que rien ne sera retourné. Vous devrez soit utiliser un appel synchrone-Jax en définissant l'option async sur false (ce qui bloquera le navigateur pour la durée de la demande) ou réviser votre stratégie, par ex. en faisant ce que vous voulez finalement faire au sein de le rappel de succès. Par exemple:

function update_membership_status() { 
    jQuery.ajax({ 
     type: 'POST', 
     url: '/ajax/member', 
     dataType: 'json', 
     success: function(json) { 
      $("#status").text('Signed In:' + json.SignedIn + " msg" + json.msg); 
     } 
    }); 
} 

Answer 2

Vous pouvez utiliser async propriété pour renvoyer des données de manière synchrone:

function check_membership() { 
    var result = jQuery.ajax({ 
     type: 'POST', 
     url: '/ajax/member', 
     dataType: 'json', 
     async: false 
    }); 
return result.SignedIn; 
} 

Answer 3

var result = 
{ 
    ajax: function(){ 
     jQuery.ajax({ 
     type: 'POST', 
     url: '/ajax/member', 
     dataType: 'json', 
     async: false, 
     success: function(data) { 
       return data.signedIn; 
     } 
    }); 
    } 
} 

puis appelez result.ajax(); par quoi que ce soit