Discussion :

[VooDooNet]

Bonjour,
je viens de faire un petit script ajax en suivant les tutos sur le site et notament celui la:
http://dmouronval.developpez.com/tut...-ajax/#LVIII-C
et j'en felicite l'auteur!

Cependant mon script php appelé qui renvoit les données en JSON est assez long, et je me demandais quelle etait la meilleure facon de gerer cette attente.
Comment afficher un message, anim ou autre en attendant les infos et eviter que l'utilisateur s'excite sur le bouton???

Merci d'avance pour vos conseils.
A+
VooDoo

[RomainVALERI]

Un principe communément répandu consiste à afficher un élément manifestant le statut "en cours/patientez/chargement/autre" à l'utilisateur, par une petite roue qui tourne, par un texte, un effet visuel, ou tout autre moyen.

> on le déclenche (ou on le fait apparaitre, selon le moyen choisi) quand la requête ajax est initiée.

> on le désactive dans la fonction de callback qui traite les données renvoyées par le serveur.

A quelle étape est-ce que ça te pose problème ?

[VooDooNet]

En fait je ne savais pas comment m'y prendre, si il fallait re ecrire du js, ou si il y avait quelque chose deja de prevu avec le XMLHttpRequest..

Donc si j'ai bien compris, je cree un div avec une image dedans que j'affiche sur mon click du bouton, et je desactive lorsque je recois la reponse, ie la dedans:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
if(xhr.readyState == 4 && xhr.status == 200){
document.getElementById('msgattente').style.display = 'none';
}

c'est bien ca?

[E.Bzz]

c'est bien ca?

Prévois quand même un bouton "Annuler" au niveau de l'image, au cas où ta requête Ajax ne réponde pas.
Ce bouton Annuler pourra faire un

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

objet_xhr.abort()

+ masquage du div d'attente ...

A+