Quand utiliser AJAX asynchrone ou synchrone ?

AJAX signifie Asynchronous JavaScript and XML et est une technologie qui permet aux pages Web d'être mises à jour de manière asynchrone, ce qui signifie que le navigateur n'a pas besoin de recharger la page entière lorsque seule une petite partie des données s'y trouve. la page change. AJAX transmet uniquement les informations mises à jour entre les serveurs.

Les applications Web standard gèrent les interactions entre les visiteurs Web et les serveurs de manière synchrone. Cela signifie qu'une chose se produit juste après l'autre ; le serveur n'effectue pas plusieurs tâches. Si vous cliquez sur le bouton, un message est envoyé au serveur et une réponse est renvoyée. Vous ne pouvez pas interagir avec d'autres éléments de la page tant que la réponse n'est pas reçue et que la page n'est pas mise à jour.

Évidemment, ce retard peut avoir un impact négatif sur l'expérience du visiteur Web - d'où AJAX.

Qu'est-ce qu'AJAX ?

AJAX n'est pas un langage de programmation, mais un script côté client qui combine la communication avec un serveur Web (c'est-à-dire dans la technologie du navigateur de l'utilisateur de exécution de scripts). De plus, son nom est un peu trompeur : même si une application AJAX peut utiliser XML pour envoyer des données, elle peut également utiliser simplement du texte brut ou du texte JSON. Mais généralement, il utilise l'objet XMLHttpRequest dans le navigateur pour demander des données au serveur et utilise JavaScript pour afficher les données.

AJAX : synchrone ou asynchrone

AJAX peut accéder au serveur de manière synchrone et asynchrone :

synchrone, là où le script s'arrête et attend Le serveur renvoie une réponse avant de continuer.

Mode asynchrone où le script est autorisé à continuer le traitement de la page et à gérer la réponse au fur et à mesure qu'elle arrive.

Le traitement des demandes de manière synchrone est similaire au rechargement de la page, mais ne télécharge que les informations demandées plutôt que de télécharger la page entière. Par conséquent, utiliser AJAX de manière synchrone est beaucoup plus rapide que de ne pas l'utiliser du tout - mais cela nécessite toujours que le visiteur attende la fin du téléchargement avant de poursuivre toute interaction ultérieure avec la page. Tout le monde sait qu'il faut parfois attendre qu'une page se charge, mais la plupart des gens ne sont pas habitués aux retards importants qui persistent une fois sur le site.

Le traitement asynchrone de votre demande évite les retards de récupération depuis le serveur car vos visiteurs peuvent continuer à interagir avec la page Web ; les informations demandées seront traitées en arrière-plan et la réponse mettra à jour la page au fur et à mesure de son arrivée. De plus, même si la réponse est retardée (par exemple dans le cas de données très volumineuses), les visiteurs du site peuvent ne pas s'en rendre compte car ils sont occupés ailleurs sur la page.

Par conséquent, la façon préférée d'utiliser AJAX est d'utiliser des appels asynchrones autant que possible. Il s'agit du paramètre par défaut dans AJAX.

Pourquoi utiliser AJAX synchrone ?

Si les appels asynchrones offrent une expérience utilisateur si améliorée, pourquoi AJAX offre-t-il un moyen de passer des appels synchrones

Bien que les appels asynchrones constituent la meilleure option dans la plupart des cas, il existe de rares cas où il n'est pas logique de permettre à un visiteur de continuer à interagir avec une page Web jusqu'à ce qu'un processus spécifique côté serveur soit terminé.

Dans de nombreux cas, il est préférable de ne pas utiliser AJAX du tout, mais de recharger la page entière. L'option synchrone dans AJAX est utile dans les rares cas où vous ne pouvez pas utiliser d'appels asynchrones, mais où il n'est pas nécessaire de recharger la page entière. Par exemple, vous devrez peut-être gérer certaines transactions pour lesquelles l'ordre est important. Prenons une situation dans laquelle une page Web doit renvoyer une page de confirmation après que l'utilisateur a cliqué sur quelque chose. Cette tâche nécessite des requêtes synchrones.

Recommandations associées : "tutoriel ajax"

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!