navigateur ajax page d'appel asynchrone continue de chargement

Question

J'ai fait un site web avec des photos qui se rafraîchit chaque seconde. Je récupère ces photos depuis un serveur web avec un appel jQuery $ .ajax() toutes les secondes. Cela crée une sorte de boucle infinie de chargement de photo, que je veux. Cependant, ma page ne cesse de charger (l'icône de rotation continue à tourner ou la barre de chargement est chargée pour toujours). Sur Chrome en particulier, c'est ennuyeux, car il y a un spinner à côté de ma souris.

Comment puis-je éviter qu'il ne semble pas que mon chargement de page pour toujours, sans modification de fonctionnalité? Merci ..

Answer 1

Vous ne devriez pas frapper votre serveur chaque seconde comme ça. Parce que même si cela peut fonctionner pour une seule personne, une fois que vous allez vivre et plus de gens visitent votre site, il peut tuer votre serveur. Mise à part cet avertissement, vous pouvez essayer d'attendre que la page soit complètement chargée avant de déclencher votre ajax. Vous pouvez utiliser setTimeout pour attendre quelques secondes. Cependant, je pense que vous pouvez recevoir la notification de chargement parce que les images sont récupérées sur le serveur.

Answer 2

Je voudrais différer l'analyse de votre javascript jusqu'à la fin du chargement de la page. Utilisez le fichier Googles .js trouvé ici: http://code.google.com/p/domready/

De cette façon, votre page se chargera plus rapidement, complétera le chargement et commencera à faire vos appels ajax.