Connaissance de base des messages HTTP et ajax

Le contenu transmis par le client au serveur et le contenu transmis par le serveur au client sont tous deux des messages HTTP. Ajax est une méthode du client JS, utilisée pour envoyer des requêtes au serveur. Laissez-moi partager avec vous les connaissances de base des messages HTTP et d'ajax à travers cet article. Les amis intéressés devraient y jeter un œil

. Message HTTP

Le contenu transmis par le client au serveur et le contenu transmis par le serveur au client appartiennent au message HTTP

Ligne de départ : Ligne de départ de la demande Ligne de démarrage de la réponse

En-tête : En-tête de la demande En-tête de réponse En-tête commun (demande et réponse) En-tête personnalisé

Corps : Corps de la demande Corps de la réponse

Le client passe au serveur -side data :

Le point d'interrogation après l'URL de la requête est utilisé pour transmettre les paramètres au serveur /getList?name=zhangsan&age=7

Définir l'en-tête de la requête (définir l'en-tête de la requête informations)

Définir le corps de la requête et mettre le contenu transmis au serveur dans le corps de la requête et le transmettre au serveur

Les données transmises du serveur au client :

Définir les informations d'en-tête de réponse

Définir le contenu du corps de la réponse

Ajax : javascript asynchrone et XML JS et XML asynchrones (langage de balisage extensible, les balises utilisées dans les fichiers XML sont toutes développées par elles-mêmes, et stockés à l'aide de leurs propres balises régulières étendues Données pertinentes)

Ajax est une méthode du client JS, utilisée pour envoyer des requêtes au serveur (peut également être transmise aux données côté serveur), puis obtenir le contenu renvoyé par le serveur (Ajax est généralement exécuté dans le navigateur du client).

Ajax quatre étapes :

Créez un objet Ajax (la méthode d'écriture suivante n'est pas prise en charge dans les navigateurs IE6 et inférieurs))

var xhr = new XMLHttpRequest;

Configuration des informations de base avant l'envoi : configurer la méthode de requête (GET, POST, PUT, DELETE, HEAD...)

Ouvrir une adresse URL (configurer à quel serveur envoyer l'adresse pour envoyer la requête )

Synchrone ou asynchrone (true représente asynchrone, false représente synchrone, la valeur par défaut est true)

[username] Fournissez le nom d'utilisateur demandé au serveur

[userpass] Le serveur fournit le mot de passe utilisateur demandé. Ces deux valeurs​​ne sont généralement pas écrites. Seulement si le serveur a mis en place des restrictions de sécurité et autorise uniquement l'accès à des utilisateurs spécifiques, nous transmettrons

xhr.open('get',"/data.txt",false,[username],[userpass]);

au. Événement onreadystatechange. Définir une méthode pour surveiller les changements d'état (tant que l'état change, l'exécution de la méthode sera déclenchée)

xhr.onreadystatechange = function(){

xhr.readyState : code d'état AJAX, qui peut représenter la progression du courant. traitement

0 unset current La demande n'a pas encore été envoyée

1 ouverte L'adresse URL a été ouverte (la configuration des paramètres avant l'envoi est terminée)

2 headers_received Le les informations d'en-tête de réponse ont été acceptées

3 chargement Principalement renvoyé Le contenu est en cours de préparation et de traitement côté serveur

4 terminé Le contenu du corps de la réponse a été renvoyé avec succès au client

xhr.status : code d'état du réseau HTTP, décrivant l'état du contenu de la réponse du serveur

　200 OU ^2d{2} (200 ou commençant par 2) -> le corps de la réponse a été renvoyé avec succès

　301 Redirection permanente/transfert permanent

　302 Redirection temporaire/transfert temporaire de l'équilibrage de charge du serveur

　304 Le contenu obtenu cette fois est à lire les données dans le cache

　400 Il y a une erreur dans les paramètres transmis par le client au serveur

401 Aucune autorisation d'accès

404 L'adresse accédée par le client n'existe pas

500 Erreur de serveur inconnue

503 Le serveur est surchargé

　　if(xhr.readyState===4 && /^2\d{2}$/.test(xhr.status)){
　　　　var val = xhr.responseText;
　　}
}

Envoyer une requête : Les paramètres sont le contenu transmis au serveur dans le corps de la requête

xhr.send(null);

Ce qui précède est ce que j'ai compilé pour vous. J'espère qu'il vous sera utile à l'avenir.

Articles connexes :

Exemples de technologie de requête asynchrone Ajax

jQuery Validator vérifie la méthode de soumission de formulaire Ajax et la méthode de transmission des paramètres Ajax (graphique tutoriel)

Principes des requêtes inter-domaines Ajax (Tutoriel graphique)

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!