Exemples pour expliquer les connaissances de base des messages HTTP et ajax

Cet article expliquera les connaissances de base des messages HTTP et d'ajax avec des exemples. 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, qui est utilisée pour envoyer des requêtes au serveur. Cet article partagera avec vous les connaissances de base des messages HTTP et d'Ajax. 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émarrage de la requête Début de la réponse Ligne de départ

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

Corps : Corps de la requête Corps de la réponse

Le client le transmet au Données du terminal du serveur :

Le paramètre est transmis au serveur par le point d'interrogation après l'URL de la requête /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

Données transmises du serveur au client :

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

Définir la réponse Contenu principal

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, utilisant leurs propres balises régulières étendues pour stocker les 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).

Quatre étapes d'Ajax :

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;

Avant d'envoyer la configuration des informations de base : configurer la méthode de requête (GET, POST, PUT, DELETE, HEAD...)

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

Synchroniser ou Asynchrone (vrai représente asynchrone, false représente synchrone, la valeur par défaut est vraie)

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

[userpass] fournit le mot de passe utilisateur demandé au serveur, ces deux valeurs ​​​​sont généralement Ni l'un ni l'autre n'est écrit. Seulement si le serveur a des restrictions de sécurité et autorise uniquement l'accès à des utilisateurs spécifiques, nous passerons

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

pour lier une méthode à l'événement onreadystatechange afin d'écouter les changements d'état. (tant que l'état change, déclenche l'exécution de la méthode)

xhr.onreadystatechange = function(){

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

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

3 chargement Le contenu principal renvoyé 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 OR ^2d{2} (200 Ou commençant par 2) -> a été renvoyé avec succès

　301 Redirection permanente/transfert permanent

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

　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 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é

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

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

Recommandations associées :

xhr.send(null);

Explication détaillée de la configuration de la fonction d'en-tête PHP, exemple d'en-tête http

Résumé complet basé sur les méthodes liées à Ajax dans jQuery

Comment utiliser 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!