Comment Javascript envoie les requêtes HTTP

Javascript est un langage de script largement utilisé qui peut être utilisé dans les pages Web. Il prend en charge de nombreuses fonctions, dont la plus courante consiste probablement à effectuer des requêtes via HTTP, à recevoir des données et à les afficher sur une page Web. Dans cet article, nous verrons comment Javascript envoie des requêtes HTTP.

HTTP est un protocole client-serveur utilisé pour échanger des données entre applications Web. Par exemple, lorsque vous saisissez une URL dans un navigateur Web, celui-ci envoie une requête HTTP au serveur Web pour obtenir le contenu HTML de la page.

Javascript peut utiliser l'objet XMLHttpRequest pour envoyer des requêtes HTTP. L'objet XMLHttpRequest vous permet d'échanger des données avec le serveur via du code JavaScript sans actualiser la page. Voici les étapes de base pour envoyer une requête HTTP via l'objet XMLHttpRequest :

1. Créez un objet XMLHttpRequest

Pour envoyer une requête HTTP, vous devez d'abord créer un objet XMLHttpRequest. Vous pouvez utiliser le code suivant pour créer un objet XMLHttpRequest :

var xhr = new XMLHttpRequest();

2. Ouvrez la requête HTTP

La méthode open() de l'objet XMLHttpRequest est utilisée pour initialiser les paramètres de la requête HTTP. La méthode open() accepte trois paramètres : la méthode de la requête HTTP, l'URL de la requête et une valeur booléenne indiquant s'il faut exécuter la requête de manière asynchrone. Les valeurs de ces paramètres sont "GET", "http://example.com/api" et "true".

Par exemple, le code suivant utilise la méthode GET pour demander http://example.com/api :

xhr.open('GET', 'http://example.com/api', true);

3. Envoyer une requête HTTP

La méthode send() de l'objet XMLHttpRequest est utilisée pour envoyer des requêtes HTTP. Ce champ peut rester vide s'il n'y a aucune donnée pour la demande. Si vous devez envoyer des données, veuillez les utiliser comme paramètre de la méthode send().

Par exemple, le code suivant envoie une requête HTTP :

xhr.send();

4. Gestion de la réponse du serveur

Lorsque le serveur répond à la requête XMLHttpRequest, il appellera un gestionnaire d'événements. Vous pouvez enregistrer un gestionnaire d'événements sur l'objet XMLHttpRequest pour gérer la réponse du serveur. Le code suivant montre comment enregistrer un gestionnaire d'événements :

xhr.onreadystatechange = function() {
  if (xhr.readyState === 4) {
    alert(xhr.responseText);
  }
};

Dans ce gestionnaire d'événements, nous vérifions la propriété readyState de l'objet XMLHttpRequest pour déterminer si le serveur a répondu à la requête. Lorsque la valeur de readyState est 4, cela signifie que le serveur a répondu à la requête.

Après avoir effectué une requête HTTP, nous pouvons vérifier les propriétés statusCode et ResponseText de l'objet XMLHttpRequest pour obtenir la réponse HTTP reçue du serveur. L'attribut statusCode contient le code d'état de la réponse, par exemple 200 pour le succès, tandis que l'attribut ResponseText contient le contenu du corps de la réponse.

Dans cet article, nous avons présenté comment Javascript utilise l'objet XMLHttpRequest pour envoyer des requêtes HTTP. Si vous développez une application web, il sera utile de connaître les méthodes d’envoi de requêtes HTTP.

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!