Attendre AJAX pour terminer, avant de retourner à partir de la fonction?

J'ai le texte suivant

function doAjax()
{
  var result = false;
  $.ajax(url, data)
    .done(function(){
       //Do a bunch
       //of computation
       //blah blah blah
       result = true;
    }).fail(function(){
       result = false;
    });
  return result;
}

function doSomething()
{
  if ( doAjax() == true )
    console.log('success');
  else
    console.log('failed');
}

function doSomethingElse()
{
  if ( doAjax() == true )
    console.log('success');
  else
    console.log('failed');
}

J'ai une fonction qui s'exécute quelques ajax, puis retourne true ou false selon que l'ajax a réussi ou pas. Cette fonction ajax-je appeler à partir de plusieurs endroits dans mon code.

Parce que la fonction se termine avant que l'ajax est terminée, il retourne toujours false. Comment puis-je éviter cela?

J'ai lu quelque chose de ce qui suggère que je fais une return $.ajax() dans ma fonction, puis déplacez le .done() et .fail() fonctions de mon doSomething() et doSomethingElse() fonctions. Cependant, dans mon .done() méthode, je fais un TAS de calcul. Beaucoup de code. Donc, le problème est que si je déplace le .done() fonction de mes autres fonctions, je suis la duplication d'un tas de code.

Comment puis-je éviter cela? Juste envelopper le calcul dans la fonction et de l'appeler chaque fois que nécessaire?

result toujours return false, et c'est normal, parce que la requête ajax est asynchrone. Si vous avez vraiment a utiliser .done() ou fonction de rappel. Et oui: pour éviter la duplication de code (si vous en quelque sorte eu ce problème) ensemble de code nécessaire de séparer la fonction.

OriginalL'auteur Jake Wilson | 2014-08-27

Restructurer votre code pour utiliser les rappels au lieu de revient, c'est comme ça...

function doAjax(callback)
{
  $.ajax(url, data)
    .done(function(){
       //Do a bunch
       //of computation
       //blah blah blah
       callback(true);
    }).fail(function(){
       callback(false);
    });
}

function doSomething()
{
  doAjax(function(result){
    if (result == true )
       console.log('success');
    else
       console.log('failed');
  });
}

function doSomethingElse()
{
  doAjax(function(result){
    if (result == true )
       console.log('success');
    else
       console.log('failed');
  });
}

comment gérer si l'url est dynamique?
On dirait que vous avez un nouvelle question...

OriginalL'auteur Soren

Techniquement, vous pouvez vous rendre ajax synchronous comme ceci:

 $.ajax({url:myUrl, data:myData, async: false})

Mais ce n'est pas recommandé(uniquement pour vraiment les choses spécifiques).

Sinon, il suffit d'utiliser callbacks comme vous pouvez le voir dans cet exemple:

var menuId = $( "ul.nav" ).first().attr( "id" );    
var request = $.ajax({   
  url: "script.php",    
  type: "POST",    
  data: { id : menuId },   
  dataType: "html"    
});

request.done(function( msg ) {    
  $( "#log" ).html( msg );   
});

request.fail(function( jqXHR, textStatus ) {    
  alert( "Request failed: " + textStatus );    
});

Lire plus ici.

OriginalL'auteur Amir Popovich

1

Ne JAMAIS faire return avec Ajax, ça ne fonctionnera jamais. Utiliser Ajax success fonction:
```
$.ajax({
   url: 'http://localhost',
   success: function(data){
        var doStuff = true;
        var responseFromServer = data;
        callSomeFooFunction();
        //return will not work!
   }
})
```
Je sais que cela ne résout pas mon problème, mais selon api.jquery.com/jquery.ajax, .done() remplace le obsolète .success() fonction.
n'est pas déconseillée fonction...
De toute façon, votre fonction return (pas en ajax) sera exécutée avant l'ajax est fait et return en ajax sera de retour à nulle part, utiliser les fonctions de rappel

OriginalL'auteur Justinas

Il ne fonctionne pas, alors que votre Ajax est en mode asynchrone (async: false). Essayez de structurize votre code de cette façon:

function doABuncnchOfComputation(args){ //no duplicates here
    //Do a bunch
    //of computation
    //blah blah blah
}

//doSomething:
$.ajax(url, data)
    .done(function(){
       doABuncnchOfComputation(...); //call with proper arguments, possibly received from server
       console.log('doSomething succeeded');
    }).fail(function(){
       console.log('doSomething failed');
    });

//doSomethingElse:
$.ajax(url, data)
    .done(function(){
       doABuncnchOfComputation(...); //call with proper arguments, possibly received from server
       console.log('doSomethingElse succeeded');
    }).fail(function(){
       console.log('doSomethingElse failed');
    });

Donc votre calcul principale bloc doABuncnchOfComputation() restera intact et accessible pour chaque opération asynchrone.

Paramètre mode Ajax synchrone tiendra navigateur à partir d'exécution, tandis que le réseau de transmission est dans l'état actif. En raison d'une possible instabilité du réseau, il peut conduire à une "mauvaise" expérience utilisateur du navigateur peut se bloquer, la page sera inactive et ne répond plus, alors que l'Ajax va envoyer/recevoir ou être en attente de données. Il est très peu fiable et décourageant.

OriginalL'auteur BlitZ

Vous devez vous connecter pour publier un commentaire.