Comment publier des données x-www-form-urlencoded avec Fetch ?

POSTing de données x-www-form-urlencoded avec Fetch

Dans le domaine du développement Web, les requêtes HTTP contiennent souvent des données codées sous forme de formulaire aux serveurs. Pour y parvenir à l'aide de l'API Fetch, explorons comment construire une telle requête.

Considérez le scénario dans lequel vous disposez de paramètres tels que le nom d'utilisateur, le mot de passe et le type d'autorisation qui doivent être envoyés sous forme de données codées sous forme de formulaire à un serveur. Vous avez configuré la requête avec les en-têtes appropriés, mais comment pouvez-vous intégrer les paramètres ?

Pour ce faire, vous pouvez exploiter la puissance d'URLSearchParams. Voici comment :

fetch('https://example.com/login', {
    method: 'POST',
    headers: {
        'Content-Type': 'application/x-www-form-urlencoded'
    },
    body: new URLSearchParams({
        'userName': '[email protected]',
        'password': 'Password!',
        'grant_type': 'password'
    })
});

L'objet URLSearchParams sert de conteneur pour vos paramètres. Il encode automatiquement les valeurs en URL, les rendant ainsi prêtes à être transmises. En définissant l'en-tête Content-Type de manière appropriée, votre requête transporte désormais les données codées vers le serveur.

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!