jQuery: Comment faire une requête AJAX et continuer sans attendre la fin de la requête?

Question

Je veux faire une requête AJAX "en arrière-plan" de ma fonction JavasSript, mais mon script attend que la requête AJAX se termine avant de continuer à exécuter mon code.

$('div').hide(); 

$.get('/controller/action', { id: 'abc123' }, 
    function(data){ 
     //request completed 
     //now update the div with the new data 
     $('div').html(data); 
    } 
); 

$('div').slideDown('slow'); 

//by now hopefully the div has been updated 
//and the user hasn't waited too long 

Le problème est que l'animation slideDown attend d'exécuter jusqu'à ce que la demande a renvoyé une réponse. Comment puis-je obtenir l'animation à exécuter en même temps que la requête ajax?

Answer 1

Votre code devrait déjà faire la requête Ajax "en arrière-plan" (de manière asynchrone). La méthode jQuery.get() est un raccourci pour:

$.ajax({ 
    url: url, 
    data: data, 
    success: success, 
    dataType: dataType 
}); 

Et la méthode jQuery.ajax() est async: true par défaut.

Answer 2

Mettre le slideDown() dans le rappel de succès

$('div').hide(); 

$.get('/controller/action', { id: 'abc123' }, 
    function(data){ 
     alert("Request completed"); 
     //now update the div with the new data 
     $('div').slideDown('slow'); 
    } 
); 

À moins que vous fournirez config par défaut pour AJAX avec async: false (doc).

Answer 3

est-il possible que le div ne contient rien jusqu'à ce que la requête ajax est complète, et crée donc l'illusion qu'il attend?

avez-vous essayé le bon vieux alert() débogage après la requête ajax?