Parlez brièvement des objets principaux d'AJAX

L'objet principal est XMLHttpRequest, qui peut mettre à jour les pages Web sans recharger la page. Une fois la page chargée, le client demande des données au serveur. Une fois la page chargée, le serveur reçoit les données et envoie les données au client. l'arrière-plan.

　 Ajax est une toute nouvelle technologie née seulement en février 2005 mais qui est désormais très populaire. Cette nouvelle technologie peut grandement améliorer l'expérience utilisateur du site Web

Qu'est-ce qu'Ajax.

Ajax est l'abréviation anglaise de Asynchronous JavaScript and XML

Le concept de base d'Ajax est d'utiliser l'objet XMLHttpRequest pour envoyer des requêtes asynchrones. , il s'agit en fait de plusieurs technologies combinées d'une certaine manière, jouant leurs rôles respectifs dans une collaboration commune

Avantages d'Ajax

1. Réduire la charge sur le serveur. Le principe d'Ajax est "d'obtenir des données à la demande".

2. Pas besoin de rafraîchir la page, ce qui réduit la psychologie de l'utilisateur et le temps d'attente réel

3. Apportez une meilleure expérience utilisateur. >

4. Une partie du travail précédemment chargé par le serveur peut être transférée au client, en utilisant la capacité inactive du client à traiter, en réduisant la charge sur le serveur, en utilisant pleinement les ressources haut débit, en économisant de l'espace et du haut débit. frais de location.

　5. Peut appeler des données externes.

　6. Basé sur une technologie standardisée et largement prise en charge, pas besoin de télécharger des plug-ins ou de petits programmes.

　7 .Favoriser davantage le rendu des pages Séparé des données.

2 Introduction à l'objet XMLHttpRequest

L'une des principales fonctionnalités d'Ajax est qu'il peut transmettre ou lire et écrire des données. au serveur sans actualiser la page (également appelée non Actualiser la page de mise à jour), cette fonctionnalité est principalement due à l'objet XMLHttpRequest du composant XMLHTTP

Propriétés<.>

Descriptiononreadystatechange

		Ce gestionnaire d'événements est déclenché à chaque fois que l'état change, appelant généralement une fonction JavaScript
readyState	Statut demandé
responseText	La réponse du serveur, exprimée sous forme de chaîne
responseXML	La réponse du serveur, exprimée en XML, Cet objet peut être analysé dans un objet DOM
status	Le statut HTTP du serveur
statusText	Texte correspondant du statut HTTP

Ce gestionnaire d'événements sera déclenché à chaque fois que l'état change, appelant généralement une fonction JavaScript

>

<.>Envoyer une requête au serveur <.>

Méthode	Description
abort()	Arrêter la requête en cours
getAllResponseHeaders()	Renvoyer tous les en-têtes correspondants de la requête HTTP sous forme de paires clé/valeur
getResponseHeader("header")	Renvoyer la valeur de chaîne de l'en-tête spécifié
open("method","url")	Créer un appel au serveur Le paramètre de méthode peut. être GET, POST ou PUT, etc. ; le paramètre url peut être une URL relative ou une URL absolue. Cette méthode comprend également 3 paramètres facultatifs
send(content)
setRequestHeader("header","value")	Définit l'en-tête spécifié sur la valeur fournie. La méthode open() doit être appelée avant de définir un en-tête

J'ai compilé ce qui précède pour vous, j'espère que cela vous sera utile à l'avenir.

Articles connexes :

Comment js et jQuery mettent fin à l'envoi de la requête ajax

Partage de trois analyses du modèle ajax

Comparaison de trois implémentations de l'analyse Ajax et JSON

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!