envoyer une requête ajax

Question

J'utilise ajax pour recharger la partie de la page.Lorsque l'utilisateur clique sur un bouton, la partie de la page jointe avec la balise div est rechargée.Mais il y a un peu de temps entre le moment où la demande est affichée et le temps que la réponse est obtenue. Donc, je veux que pour ce temps intermédiaire une image gif (comme le chargement) devrait être affichée dans ce div. Lorsque la réponse est obtenue, l'image gif devrait disparaître Comment puis-je faire cela?

Answer 1

En utilisant JQuery:

$('#mydiv').html('<img src="ajax.gif"> Loading...').load(...); 

Answer 2

Ici vous pouvez trouver quelques gifs chargement: http://www.ajaxload.info/

Answer 3

si vous utilisez JavaScript standard, vous devrez probablement faire quelque chose comme ceci:

document.getElementByID('yourdiv').innerHTML = '<img src="loading.gif" />'; 
/* your other ajax code .. */ 
if(xhr.status == 200){ 
    document.getElementByID('yourdiv').innerHTML = xhr.responseText; 
}