Maison >interface Web >js tutoriel >Comment puis-je transmettre les données du formulaire à Axios lors des appels API ?

Comment puis-je transmettre les données du formulaire à Axios lors des appels API ?

Mary-Kate Olsen
Mary-Kate Olsenoriginal
2024-11-03 10:36:30301parcourir

How Can I Pass Form Data to Axios When Making API Calls?

Transmission des données au service dans Axios

Problème :

Pour définir la limite dans le En-tête, le composant de requête distribue un formulaire, prépare un appel API, puis exécute l'appel. Cependant, accéder à la valeur limite du formulaire dans l'instance Axios est difficile. L'objectif est de transmettre les données du formulaire du service à l'instance Axios.

Solution :

Pour les requêtes AJAX avec des formats de corps spécifiques, le runtime du navigateur détermine le En-tête Content-Type :

  • FormData : Multipart/form-data avec jetons de limite MIME
  • URLSearchParams : Application/x-www -form-urlencoded

Axios :

Axios gère automatiquement le formatage des données et la configuration du type de contenu pour les API JSON. Cependant, Évitez d'utiliser Axios v0.27.1 et v1.0.0 en raison de problèmes connus.

NodeJS :

  • Pour utiliser Axios avec FormData, utilisez un intercepteur de requêtes ou fusionnez manuellement les en-têtes.

jQuery $.ajax():

  • Par défaut, l'application/ x-www-form-urlencoded Content-Type est utilisé.
  • Pour la détermination automatique du type de contenu, désactivez la sérialisation et autorisez le navigateur à la gérer.

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