Propriétés de l'objet XMLHttpRequest et avantages et inconvénients d'ajax

Cette fois, je vais vous présenter les attributs de l'objet XMLHttpRequest et les avantages et inconvénients d'ajax. Quelles sont les précautions concernant l'utilisation des attributs d'objet XMLHttpRequest et les avantages et inconvénients d'ajax. cas, jetons un coup d'oeil.

L'objet XMLHttpRequest a trois attributs importants :

onreadystatechange événement de changement d'état déclencheur , celui-ci sera déclenché à chaque fois que l'état change Gestionnaire d'événements

readyState est passé de 0 à 4

0 = Non initialisé

1 = Chargement/connexion serveur établie

2 = Chargé /Demande reçue

3 =Interaction/Traitement de la demande

4 =Demande terminée

statutHTTP du serveurcode d'état :

1 préfixe : message. Ce type de code d'état signifie que la demande a été acceptée et doit poursuivre le traitement.

2 préfixe : réussite. Ce type de code d'état signifie que la demande a été reçue, comprise et acceptée avec succès par le serveur. (200 : 'OK')

3 préfixe : Redirection. Ce type de code d'état indique que le client doit prendre des mesures supplémentaires pour terminer la demande. (304 : 'Non modifié')

4 préfixe : Erreur de demande. Ce type de code d'état signifie qu'une erreur peut s'être produite sur le client, ce qui gêne le traitement du serveur

Préfixe 5, 6 : Erreur du serveur. Ce type de code d'état représente une erreur ou un état anormal dans le processus de traitement de la demande par le serveur

Avantages d'Ajax

Mise à jour des données sans actualisation
Le plus grand avantage d'AJAX est que il peut mettre à jour l'intégralité du fichier sans l'actualiser. Communiquer avec le serveur pour conserver les données sur place de la page. Cela permet aux applications Web de répondre plus rapidement aux interactions des utilisateurs et d'éviter d'envoyer des informations inchangées sur le réseau, réduisant ainsi le temps d'attente des utilisateurs et apportant une très bonne expérience utilisateur.

Communiquer avec le serveur de manière asynchrone ;
AJAX utilise une méthode asynchrone pour communiquer avec le serveur, sans interrompre le fonctionnement de l'utilisateur, et a une capacité de réponse plus rapide. Optimise la communication entre le navigateur et le serveur, réduisant ainsi la transmission de données inutile, le temps et le trafic de données sur le réseau.

Équilibrage de charge front-end et back-end
AJAX peut transférer une partie du travail précédemment chargé par le serveur vers le client, en utilisant les capacités inactives du client pour traiter, réduisant ainsi la charge sur le serveur et la bande passante , économisant ainsi de l'espace et des coûts de location de bande passante.
Et réduisez la charge sur le serveur. Le principe d'AJAX est de "récupérer les données à la demande", ce qui peut minimiser la charge causée par les requêtes et réponses redondantes sur le serveur et améliorer les performances du site

Largement pris en charge basé sur des standards :
AJAX est basé sur une technologie standardisée et largement prise en charge. Il n'est pas nécessaire de télécharger des plug-ins ou des applets de navigateur, mais le client doit autoriser l'exécution de JavaScript sur le navigateur. À mesure qu'Ajax mûrit, certaines bibliothèques de programmes simplifiant l'utilisation d'Ajax sont également apparues. De même, une autre technologie de programmation d'assistance a émergé pour fournir des fonctionnalités alternatives aux utilisateurs qui ne prennent pas en charge JavaScript.

Séparation de l'interface et de l'application :
Ajax sépare l'interface et l'application dans le WEB (on peut aussi dire qu'il sépare les données et la présentation), ce qui favorise la division du travail et la coopération et réduit les applications WEB causées par la modification des pages par du personnel non technique. Les erreurs de programme sont éliminées, l'efficacité est améliorée et elle est plus adaptée au système de publication
actuel.

Inconvénients de l'Ajax

AJAX tue la fonction d'historique, qui est la destruction du mécanisme du navigateur :
Dans le cas d'une mise à jour dynamique de la page, l'utilisateur ne peut pas revenir à l'état de la page précédente, car le navigateur ne peut se souvenir que de la page statique dans le dossier historique. La différence entre une page qui a été entièrement lue et une page qui a été modifiée dynamiquement est très subtile
Les utilisateurs s'attendront souvent à ce que cliquer sur le bouton Précédent annule leur opération précédente, mais dans une application Ajax, ce ne sera pas le cas ; possible.
Ceux qui ont utilisé Gmail savent que la technologie Ajax utilisée sous Gmail résout ce problème.
Cependant, cela ne change pas le mécanisme Ajax. ce qui fonctionne c'est que lorsque l'utilisateur clique sur le bouton retour pour accéder à l'historique,
en créant ou en utilisant un IFRAME caché pour reproduire les modifications sur la page. Un point connexe est que l’utilisation de mises à jour dynamiques des pages rend difficile pour les utilisateurs d’enregistrer un état spécifique dans les favoris. Des solutions à ce problème ont également émergé, dont la plupart utilisent des identifiants de fragments d'URL (souvent appelés ancres, la partie après le # dans l'URL) pour garder une trace et permettre à l'utilisateur de revenir à un état d'application spécifié. (De nombreux navigateurs permettent à JavaScript de mettre à jour dynamiquement les ancres, ce qui permet aux applications Ajax de mettre à jour les ancres tout en mettant à jour le contenu affiché.) Ces solutions résolvent également de nombreux arguments concernant la non prise en charge du bouton de retour

Problèmes de sécurité AJAX :

La technologie AJAX apporte non seulement une bonne expérience utilisateur, mais apporte également de nouvelles menaces de sécurité aux entreprises informatiques. La technologie Ajax revient à établir un canal direct pour les données d'entreprise. Cela permet aux développeurs d’exposer par inadvertance davantage de données et de logique de serveur qu’auparavant.
La logique Ajax peut être masquée par la technologie d'analyse de sécurité côté client, permettant ainsi aux pirates de créer de nouvelles attaques à partir de serveurs distants. Ajax est également difficile à éviter certaines faiblesses de sécurité connues, telles que les attaques de scripts intersites, les attaques par injection SQL et les vulnérabilités de sécurité basées sur les informations d'identification.

Faible prise en charge des moteurs de recherche :

Faible prise en charge des moteurs de recherche. S'il est mal utilisé, AJAX augmentera le trafic de données réseau, réduisant ainsi les performances de l'ensemble du système.

Largement pris en charge sur la base de normes :

AJAX est basé sur une technologie standardisée et largement prise en charge. Il n'est pas nécessaire de télécharger des plug-ins de navigateur ou de petits programmes, mais le client doit autoriser l'exécution de JavaScript. le navigateur. À mesure qu'Ajax mûrit, certaines bibliothèques de programmes simplifiant l'utilisation d'Ajax sont également apparues. De même, une autre technologie de programmation d'assistance a émergé pour fournir des fonctionnalités alternatives aux utilisateurs qui ne prennent pas en charge JavaScript.

AJAX ne prend pas bien en charge les appareils mobiles :

Certains appareils portables (tels que les téléphones mobiles, les PDA, etc.) ne prennent pas encore bien en charge Ajax. Par exemple, lorsque nous ouvrons un navigateur utilisant la technologie Ajax sur. un téléphone mobile, un site Web, il n'est actuellement pas pris en charge.

Le client est trop gros et trop de code client entraîne des coûts de développement

Il est complexe à écrire et sujet aux erreurs, il existe de nombreux codes redondants (les couches de fichiers js incluses sont un problème courant d'AJAX ; , plus. Dans le passé, une grande partie du code côté serveur était désormais placé sur le client), détruisant les standards originaux du Web.

Je pense que vous maîtrisez la méthode après avoir lu le cas dans cet article. Pour des informations plus intéressantes, veuillez prêter attention aux autres articles connexes sur le site Web chinois de php !

Lecture recommandée :

Le principe de fonctionnement de base et les objets d'Ajax

L'utilisation des annotations Polyfill et la prévention des modifications dans JS

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!