Explication détaillée des connaissances de base des messages HTTP et ajax

Cette fois, je vais vous apporter une explication détaillée des connaissances de base des messages HTTP et d'ajax. Quelles sont les précautions lors de l'utilisation des messages HTTP et des connaissances de base d'ajax. Ce qui suit est un cas pratique, jetons un coup d'oeil.

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épart de la réponse

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

Corps : Corps de la demande Réponse Le corps principal

Le client transmet les données au serveur :

L'URL de la requête est transmise au serveur sous forme de point d'interrogation en passant les paramètres /getList?name=zhangsan&age=7

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

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

Données transmises depuis le serveur au client :

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

Définir le contenu du corps de réponse

Ajax : async javascript et xml JS et XML asynchrones (Extensible Langage de balisage, utilisé dans les fichiers XML Les balises sont toutes développées par elles-mêmes, en utilisant leurs propres balises régulières développées pour stocker les données pertinentes)

Ajax est une méthode du client JS, utilisée pour envoyer des requêtes au serveur (il peut également être transmises au serveur), puis obtenir le contenu renvoyé par le serveur (Ajax s'exécute généralement dans le navigateur du client).

Ajax quatre étapes :

Créer un objet Ajax(La méthode d'écriture suivante est utilisée dans IE6 et les versions inférieures Non pris en charge dans les navigateurs)

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 (configurez l'adresse du serveur auquel envoyer la requête)

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

[nom d'utilisateur] fournit la requête à le nom d'utilisateur du serveur

[userpass] fournit le mot de passe utilisateur demandé au serveur. Ces deux valeurs ne sont généralement pas écrites. Uniquement si le serveur a établi des restrictions de sécurité et autorise uniquement l'accès à des utilisateurs spécifiques. le transmettra

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

Lier une méthode à l'événement onreadystatechange pour surveiller les changements d'état (tant que l'état change, l'exécution de la méthode est déclenchée)

xhr.onreadystatechange = function(){

　xhr.readyState : AJAXCode d'état, peut représenter la progression du traitement en cours

0 non défini La requête en cours n'a pas encore été envoyée

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

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

3 chargement Le contenu principal renvoyé est en cours de préparation 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) -> Les deux représentent que le contenu du corps de la réponse a été renvoyé avec succès

　301 Redirection permanente/transfert permanent

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

　304 Le contenu obtenu cette fois est de 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 de accès

　404 L'adresse consulté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 la demande : Le les paramètres sont le contenu transmis au serveur dans le corps de la requête

xhr.send(null);

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

Lecture recommandée :

Ajax+node js multer pour créer une fonction de téléchargement de fichiers

Méthode Ajax pour détecter le piratage de sites Web

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!