Discussion :

[Victor33]

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

[Doksuri]

pourquoi le faire en Ajax alors que c'est possible en déclenchant une fonction javascript en fonction du scroll de l'utilisateur?

=> pour eviter de telecharger les 36millions de photos ?

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

[Victor33]

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...

[Doksuri]

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?

oui, c'est bien ca !

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 ?

[Victor33]

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?

[Doksuri]

oui