Version imprimable
Bonjour,
Je suis en train de faire mes premiers pas avec AJAX, et je me pose une question.
J'essaye par exemple de faire un système tel que sur Pinterest avec un chargement de nouvelles photos lorsque l'utilisateur arrive à un certain niveau de la fenêtre, mais dans ce cas, pourquoi le faire en Ajax alors que c'est possible en déclenchant une fonction javascript en fonction du scroll de l'utilisateur?
D'avance merci :-)
Victor
=> pour eviter de telecharger les 36millions de photos ?Citation:
Envoyé par Victor33
dans ta logique tu as le js qui affiche les images. puis au scroll le js affiche d'autres images. c'est a moitie correct :
le js affiche effectivement les images, mais il n'en affiche que 10 (par exemple) les autres lui sont inconnues.
arrive le scroll de fin de page -> requete ajax (sur le serveur) pour recuperer les 10 images suivante
puis le js affiche ces nouvelles images
C'est plus un problème de fond qu'un problème de forme qui m'embrouille..
Mettons: j'ai 100 images dans un dossier, un script qui va aller chercher ces 100 images mais ne les afficheras qu'au scroll, donc le serveur a été lent car bien qu'elles ne soient pas affichées, les 100images sont chargées par le script...
Avec AJAX: j'en télécharge 10 à l'ouverture de la page, le script en reste là et si l'utilisateur atteint le bas de page le script en ré-télécharge 10 et ainsi de suite, donc les échanges sont souples et rapides...?
C'est bien ça?
Désolé, je ne fais de l'AJAX que depuis avant-hier, et autant avec JSON je comprends l'utilité, autant avec des fichiers tel que des images, c'est un peu obscur...
oui, c'est bien ca !Citation:
Envoyé par Victor33
admettons tu as 100 images sur ton serveur. dans ta base de donnees, tu stockes les url de ces images. (pas les images hien)
ton client arrive sur la page.
=> ton php ira chercher les 10 premieres url d'image (dans ta base de donnees), et generera le HTML avec ces 10 images a afficher => a ce moment, le navigateur client va telecharger les 10 images pour les afficher.
arrive le scroll de fin de page.
=> tu fais un appel ajax vers une autre page php qui s'occupe uniquement de recuperer les url des X prochaines images. a ce moment, il genere du JSON avec les url des images a afficher
=> puis, le navigateur client recupere le JSON, et l'integre au HTML qui du coup demande au navigateur de telecharger ces nouvelles images
j'espere que c'est plus clair ?
Demain matin 8h je met les mains dans le cambouï, il me manquait une donnée pour bien comprendre: c'est la page php... je vais lui passer en url les indices des photos à charger et ca devrait fonctionner...
et en retour je me sert de javascript pour modifier le DOM de ma page c'est bien ça?
oui :ccool:
J'avance j'avance (et j'apprends).
Suis passé par JSON pour exploiter mes données issues du code PHP en JavaScript, par contre, pour lancer mon événement automatiquement, puis-je lancer un événement lorsque le scroll de l'utilisateur arrive au bas d'une div bien définie?
Si oui, il y a une méthode simple?
Bonjour Doksuri,
Bon, je galère...
D'autant plus que ce n'est pas une science exacte, avec des hauteurs fixes de conteneurs, de fait si l'utilisateur scroll 10fois quand la condition est vraie, il lance 10 requêtes ajax..
Est-ce qu'il y aurait un tuto ou un document qui explique clairement comment récupérer dans des variables les différentes dimensions (scrollTop, window.height, et toutes celles que je ne connais pas...) ?
Résolu!!!!
Lorsque le scrollTop de mon élément HTML mois le ScrollHeight de ce même élément plus le scrollHeight du conteneur concerné par l'appel de fonction est égal à zéro alors je lance mon appel AJAX, c'est parfait.
Comment passer le sujet en résolu?
Merci encore à toi :)