Assurez-vous que la première fonction ajax se termine avant la seconde

Question

J'ai une fonction JavaScript qui fait deux requêtes Ajax consécutives en utilisant jQuery. Je veux m'assurer que la première requête a été chargée avant l'appel de la deuxième fonction. Y a-t-il un moyen de le faire?

Answer 1

Spécifiez async: false dans les options $.ajax ou effectuez le deuxième appel ajax dans le rappel complete du premier appel.

Answer 2

Dans votre rappel pour la première fonction, effectuez votre deuxième appel.

Answer 3

Pour de meilleurs résultats, vous devez probablement appeler la deuxième fonction dans le rappel du premier.

Par exemple:

$.post("http://www.somewebsite.com/page.php", function(data) { 
    // whatever 
    function2(); 
}); 

Answer 4

$.post("script1.php", {data:"val"}, function(response) { 
    $.post("script2.php", {data:response}, function(results) { 
    // this second call will be initialized when the first finishes 
    }); 
}); 

Answer 5

Un exemple d'implémentation:

function callback() {$('div#second_ajax_output').load('http://www.google.com');} 
$('div#first_ajax_output').load('http://www.yahoo.com',callback); 

Answer 6

Edit: Misread la question; ma faute. Si jamais vous voulez que deux requêtes AJAX soient exécutées simultanément mais que vous n'effectuiez un rappel qu'une fois toutes les deux terminées, voici comment vous le faites!

Essayez ceci:

var completedCount = 0; 
var callback = function() 
{ 
    completedCount++; 
    if (completedCount == 2) 
    { 
     // Do something. 
    } 
}; 

$.post('url-1', {}, callback); 
$.post('url-2', {}, callback); 

Answer 7

En utilisant jQuery la façon la plus simple est comme ceci:

$.ajax({ 
    type: "POST", 
    url: "some.php",  
    success: function(msg){ 
     $.ajax({ 
     type: "POST", 
     url: "some2.php", 

     success: function(msg){ 
      alert("End of second call"); 
     } 
     }); 
    } 
}); 

Answer 8

La méthode simple consiste à tirer la deuxième demande lorsque les premiers retours (dans le rappel complet).

Si vous avez besoin d'une approche plus sophistiquée, jetez un oeil au plug-in AjaxQueue. Vous pouvez mettre en file d'attente des demandes de cette manière.