Maison > interface Web > js tutoriel > Explication détaillée du principe de fonctionnement d'AJAX et exemples (facile à comprendre)

Explication détaillée du principe de fonctionnement d'AJAX et exemples (facile à comprendre)

寻∝梦
Libérer: 2018-09-10 15:00:08
original
1733 Les gens l'ont consulté

Cet article présente principalement le principe de fonctionnement de ajax. Il explique le principe de fonctionnement d'ajax avec des exemples, faciles à comprendre. Venez apprendre rapidement

Qu'est-ce qu'AJAX ?

AJAX = JavaScript et XML asynchrones.

AJAX est une technologie permettant de créer des pages Web rapides et dynamiques.

AJAX permet de mettre à jour les pages Web de manière asynchrone en échangeant une petite quantité de données avec le serveur en arrière-plan. Cela signifie que certaines parties d'une page Web peuvent être mises à jour sans recharger la page entière.

Pour les pages web traditionnelles (n'utilisant pas AJAX), si le contenu doit être mis à jour, la page web entière doit être rechargée.

Il existe de nombreux cas d'application utilisant AJAX : Sina Weibo, Google Maps, Kaixin.com, etc.

Explication de l'exemple AJAX

L'application AJAX ci-dessus contient un p et un bouton. La section

p permet d'afficher les informations du serveur. Lorsque vous cliquez sur le bouton, il est chargé d'appeler une fonction appelée loadXMLDoc() :

<html><body><p id="myp"><h3>Let AJAX change this text</h3></p><button type="button" onclick="loadXMLDoc()">Change Content</button></body></html>
Copier après la connexion

Ensuite, ajoutez une balise

Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal