Pourquoi les valeurs de retour de ma fonction AJAX sont-elles vides ?

L'énigme des variables non retournées dans la fonction AJAX

Dans le domaine des applications Web, il est courant de modulariser le code JavaScript dans des fichiers séparés pour améliorer organisation et maintenabilité. Cependant, cette transition peut introduire des problèmes énigmatiques, tels que des variables qui semblent disparaître lorsqu'elles sont renvoyées par des fonctions AJAX.

Problème :

Après avoir divisé un framework en plusieurs fichiers, un développeur rencontre un problème où une variable renvoyée par une fonction AJAX reste vide. Bien que les données soient présentes dans le fichier JS, elles ne reviennent pas lors de l'exécution. Le code examiné :

function get_data(data, destination) {
  ...
  if (data) {
    return data;
  }
}

var test = get_data(data, destination);

Cause :

La nature asynchrone des appels AJAX est le coupable. Un appel AJAX s'exécute en arrière-plan, ce qui signifie que le code continue de s'exécuter sans attendre la réponse. Par conséquent, la fonction get_data revient avant la fin de l'appel AJAX, ce qui entraîne une variable de test vide.

Solution :

Pour résoudre ce problème, il est nécessaire d'utiliser un rappel fonction pour gérer la réponse AJAX. Une fonction de rappel est invoquée lorsque l'appel AJAX est terminé, vous permettant d'accéder aux données renvoyées.

function get_data(data, destination, callback) {
  ...
  if (data && callback) {
    callback(data);
  }
}

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

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!