Heim >Web-Frontend >js-Tutorial >Wie kann ich bei API-Aufrufen Formulardaten an Axios übergeben?

Wie kann ich bei API-Aufrufen Formulardaten an Axios übergeben?

Mary-Kate Olsen
Mary-Kate OlsenOriginal
2024-11-03 10:36:30294Durchsuche

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

Übergabe von Daten an den Dienst in Axios

Problem:

So legen Sie die Grenze im fest Im Header sendet die Anforderungskomponente ein Formular, bereitet einen API-Aufruf vor und führt den Aufruf dann aus. Der Zugriff auf den Grenzwert des Formulars innerhalb der Axios-Instanz ist jedoch eine Herausforderung. Ziel ist es, die Formulardaten vom Dienst an die Axios-Instanz zu übergeben.

Lösung:

Bei AJAX-Anfragen mit bestimmten Körperformaten ermittelt die Browser-Laufzeit das entsprechende Content-Type-Header:

  • FormData: Multipart/Formulardaten mit Mime-Grenze Tokens
  • URLSearchParams: Application/x-www-form-urlencoded

Axios:

Axios verarbeitet automatisch Datenformatierung und Inhaltstypeinstellung für JSON-APIs. Vermeiden Sie jedoch die Verwendung von Axios v0.27.1 und v1.0.0 aufgrund bekannter Probleme.

NodeJS:

  • Zur Verwendung von Axios mit FormData, verwenden Sie einen Anforderungs-Interceptor oder führen Sie die Datei manuell zusammen Header.

jQuery $.ajax():

  • Standardmäßig ist der application/x-www-form-urlencoded Content-Type verwendet.
  • Für die automatische Bestimmung des Inhaltstyps deaktivieren Sie die Serialisierung und lassen Sie den Browser damit umgehen.

Das obige ist der detaillierte Inhalt vonWie kann ich bei API-Aufrufen Formulardaten an Axios übergeben?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn