Comment puis-je accéder à la valeur de retour d'un appel AJAX asynchrone ?

Appels AJAX asynchrones et retour variable

Dans le contexte de la division de votre code framework en fichiers séparés, vous avez rencontré un problème où le retour la valeur d'une fonction appelée via AJAX n'était pas accessible. Cette confusion provient de la nature asynchrone des appels AJAX.

Appels AJAX : explication de l'asynchronicité

Les fonctions AJAX (JavaScript et XML asynchrones) fonctionnent de manière asynchrone. Cela signifie que lorsqu'une requête AJAX est effectuée, la fonction qui effectue la requête n'attend pas la fin de la réponse avant de poursuivre l'exécution. Cela permet à d'autres parties du programme de continuer à s'exécuter en parallèle pendant que la requête AJAX est en cours.

Retour de fonction et AJAX

Dans le cas de votre fonction get_data, l'instruction return dans la fonction de rappel de succès n'est pas immédiatement exécutée lorsque la fonction est appelée. Au lieu de cela, il est exécuté uniquement lorsque la requête AJAX est terminée et que la réponse a été reçue.

Solution : Utilisation des rappels

Pour résoudre ce problème, vous devez fournir une fonction de rappel à la fonction get_data. Ce rappel sera exécuté lorsque la requête AJAX sera terminée et que les données de réponse seront disponibles. Le code modifié ressemblerait à ceci :

function get_data(data, destination, callback) {
  if (lock_get == 0) {
    lock_get = 1;
    $.ajax({
      type: "POST",
      url: destination,
      async: true,
      data: data,
      success: function (data) {
        lock_get = 0;
        if (data && callback) {
          callback(data);
        }
      }
    });
  }
}

Le code appelant serait alors modifié pour passer dans une fonction de rappel :

get_data(data, destination, function (test) {
  notice(test);
});

De cette façon, les données de réponse peuvent être gérées dans la fonction de rappel lorsque la requête AJAX est terminée.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!