Maison >interface Web >js tutoriel >Comment envoyer des données codées sous forme de formulaire avec l'API Fetch ?

Comment envoyer des données codées sous forme de formulaire avec l'API Fetch ?

Patricia Arquette
Patricia Arquetteoriginal
2024-11-13 02:56:02701parcourir

How do you send form-encoded data with Fetch API?

POSTing de données codées sous forme de formulaire à l'aide de Fetch

Lorsque vous effectuez des requêtes POST, vous devrez peut-être inclure des données codées sous forme de formulaire dans votre charge utile. Voici comment gérer cela à l'aide de l'API Fetch :

Solution

Vous pouvez facilement inclure des paramètres codés sous forme de formulaire dans votre requête à l'aide de l'objet URLSearchParams. Voici un exemple :

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'
    })
});

Cela encodera vos paramètres comme « userName=[email protected] », « password=Password ! » et « grant_type=password », et les ajoutera au corps de la demande.

Pour plus d'informations sur la méthode WindowOrWorkerGlobalScope.fetch, reportez-vous à la documentation de Mozilla Developer Network : https://developer.mozilla.org/en-US/docs/Web/API/WindowOrWorkerGlobalScope/fetch

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!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn