Ajax jquery succès de rappel synchrone

Question

J'ai cette fonction qui fait un appel ajax. Je décris le problème dans le dernier morceau de commentaires de code. En fonction du problème décrit dans les commentaires de code, quels changements sont les meilleurs pour cette situation? En fonction du problème décrit dans les commentaires de code.

Answer 1

Vous devez définir async: false pour les requêtes synchrones comme celui-ci:

function doop(){ 
     var that = this; 
     var theold = $(this).siblings('.theold').html(); 
     var thenew = $(this).siblings('.thenew').val(); 

     $.ajax({ 
       async: false, 
       url: 'doop.php', 
       type: 'POST', 
       data: 'before=' + theold + '&after=' + thenew, 
       success: function(resp) { 
         if(resp == 1) { 
           $(that).siblings('.theold').html(thenew); 
         } 
       } 
     }); 

     // some other code 

     return false; 
} 

voir here pour plus de détails

Answer 2

Soit vous entreprenez l'appel Ajax synchrone stefita fait remarquer, ou tout simplement déplacer votre code dans le rappel de succès. Pourquoi tu ne peux pas faire ça? Même s'il s'agit d'un autre appel Ajax, cela peut toujours être fait - vous pouvez les imbriquer. Avec les informations que vous nous avez fournies jusqu'à présent (je ne vois pas le code problématique, je n'ai pas assez de connaissances sur votre projet), je ne vois vraiment pas de problème.

Answer 3

Je préfère utiliser le rappel pour faire le travail car il obtient exactement le même résultat sans pour autant le rendre synchrone. J'utilise le succès: callback, puis je passe le callback en paramètre.

function getData(callback) { 
     $.ajax({ 
      url: 'register/getData', 
      data: "", 
      dataType: 'json', 
      success: callback 
     }); 
    } 

J'appelle alors cette fonction comme ceci:

getData(function(data){ 
    console.log(data); //do something 
    });