Requête JQuery ajax dans une fonction: comment retourner la valeur obtenue?

Question

Je veux écrire une fonction javascript, qui va faire une requête ajax au script PHP et renvoie son résultat. Voilà comment il ressemble:

function myjsfunc(some_data) 
{ 
    $.post(
      "/myscript.php", 
      { some_data: some_data }, 
      function(response) 
      { 
       result = response; 
      } 
     ); 
    return result; 
} 

Le problème est que result est toujours définie. Cela peut être parce que la variable result n'est pas dans l'espace de noms myjsfunc? Ou est-ce parce que le résultat de la fonction de réussite est reçu après la fin de la fonction principale?

De toute façon, comment puis-je obtenir le résultat souhaité? Y a-t-il un moyen?

Answer 1

Vous ne pouvez pas renvoyer le résultat car il n'est pas défini au moment où votre fonction externe se termine. Votre appel AJAX se produit de manière asynchrone et la fonction de rappel est appelée après le POST. Pour faire face à votre résultat, vous devez faire quelque chose comme ceci:

function myjsfunc(some_data) { 
    $.post("/myscript.php", { some_data: some_data }, function(response) { 
      if (some_data.prop) { 
       myReturnHandler(response); 
      } else { 
       myOtherHandler(response); 
      } 
     } 
    ); 
} 

Si vous définissez myReturnHandler séparément et il faut savoir comment prendre en charge le traitement des données de résultat.

- ÉDITÉ -

Vous pouvez également effectuer des tests pour déterminer comment gérer votre réponse. Ajout de code supplémentaire à démontrer.