Mise à jour de l'affichage des éléments de la page Web sans actualisation de la page entière

Question

La dernière fois que j'ai codé une application Web il y a presque 10 ans. J'ai utilisé Java/JSP/HTML/CSS etc. Depuis, je n'ai codé que des applications non-web. Quand je regarde les sites modernes (comme celui-ci), je me rends compte à quel point mes compétences en développement Web sont obsolètes. Peut-être que la «fonctionnalité» la plus évidente que je ne saurais implémenter maintenant est la mise à jour des éléments sur la page après la saisie par l'utilisateur sans avoir à rafraichir la page entière (par exemple le vote/downvoting met à jour le décompte sans recharger page). Quelles sont les technologies de base derrière cela?

Answer 1

Les techniques viennent sous l'égide de AJAX:

Ajax (abréviation de JavaScript et XML asynchrone) est un groupe de techniques de développement Web connexes utilisés sur le côté client pour créer des applications Web interactives. Avec Ajax, les applications Web peuvent récupérer les données du serveur de manière asynchrone en arrière-plan sans interférer avec l'affichage et le comportement de la page existante. L'utilisation des techniques Ajax a conduit à une augmentation des interfaces interactives ou dynamiques sur les pages Web. Les données sont généralement récupérées à l'aide de l'objet XMLHttpRequest. Malgré le nom, l'utilisation de XML n'est pas réellement requise, et les requêtes ne doivent pas non plus être asynchrones.

Answer 2

Quelque chose que vous devez savoir:

1. DHTML: Structure document HTML , événement document;
2. JAVASCRIPT: utiliser javascript pour faire fonctionner le document HTML; AJAX: utilisez javascript pour communiquer avec le serveur.