Appel d'une fonction ajax au sein d'une fonction (jQuery)

Question

function getCChatStatus() { 
    jQuery.ajax({ 
     type: "POST", 
     url: "index.php?page=CChatAction", 
     data: { action: "getStatus" } 
    }).done(function(msg) { 
     var cChatStatus = jQuery.parseJSON(msg); 
     return cChatStatus; 
    }); 
} 

function CChatOptions() { 
    var test = getCChatStatus(); 
    alert(test); 
} 

retourne "test is undefined". Comment résoudre ce problème? J'ai déjà essayé async: false.

Merci

Answer 1

Si vous utilisez des fonctions asynchrones telles que jQuery.ajax, vous devrez utiliser des fonctions de rappel pour évaluer les résultats.

Ainsi, votre getter doit être asynchrone:

function getCChatStatus(callback){ 
    jQuery.ajax({/*...*/}) 
    .done(function(){ 
    callback(jQuery.parseJSON(msg)) 
    }) 
} 

Et votre test devra ressembler à:

function CChatOptions() { 
    getCChatStatus(function(status){ 
    alert(status) 
    }) 
} 

Answer 2

Votre fonction est getCChatStatus() rien de retour. Même avec async: false, votre fonction doit retourner la valeur de retour de l'appel $.ajax(). Envisagez de renvoyer l'objet observable réel que vous obtenez à partir d'un appel asynchrone $.ajax() et de l'utiliser, au lieu d'exécuter des requêtes AJAX synchrones.

Answer 3

La fonction ajax est encore asynchrone et has'nt retourné lorsque vous êtes appeler l'alerte.

function getCChatStatus(callback) { 
    jQuery.ajax({ 
     type: "POST", 
     url: "index.php?page=CChatAction", 
     data: { action: "getStatus" } 
    }).done(function(msg) { 
     var cChatStatus = jQuery.parseJSON(msg); 
     callback.call(cChatStatus); 
    }); 
} 

function CChatOptions() { 
    getCChatStatus(function(test) { 
     alert(test); 
    }); 
} 

Vous pouvez également faire:

function getCChatStatus() { 
    var CChat = jQuery.ajax({ 
     type: "POST", 
     url: "index.php?page=CChatAction", 
     data: { action: "getStatus" } 
    }); 
    return CChat; 
} 

function CChatOptions() { 
    var cChatStatus = getCChatStatus(); 
    cChatStatus.done(function(msg) { 
     alert(jQuery.parseJSON(msg)); 
    }); 
} 

Answer 4

Essayez cela devrait fonctionner !!

function getCChatStatus() { 
     $.ajax({ 
      type: "POST", 
      url: "index.php?page=CChatAction", 
      success:function(msg){ 
      var cChatStatus = jQuery.parseJSON(msg); 
      alert(cChatStatus); //if this alert works then that test will work.. 
      return cChatStatus; 
     }); 
    } 

    function CChatOptions() { 
     var test = getCChatStatus(); 
     alert(test); 
    }