ホームページ > ウェブフロントエンド > jsチュートリアル > API 呼び出しを行うときにフォーム データを Axios に渡すにはどうすればよいですか?

API 呼び出しを行うときにフォーム データを Axios に渡すにはどうすればよいですか?

Mary-Kate Olsen
リリース: 2024-11-03 10:36:30
オリジナル
301 人が閲覧しました

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

Axios のサービスにデータを渡す

問題:

ヘッダーに応じて、リクエスト コンポーネントはフォームをディスパッチし、API 呼び出しを準備して、呼び出しを実行します。ただし、Axios インスタンス内のフォームの境界値にアクセスするのは困難です。目的は、フォーム データをサービスから Axios インスタンスに渡すことです。

解決策:

特定の本文形式を持つ AJAX リクエストの場合、ブラウザー ランタイムは適切な形式を決定します。 Content-Type ヘッダー:

  • FormData: MIME 境界トークンを含むマルチパート/フォームデータ
  • URLSearchParams: Application/x-www -form-urlencoded

Axios:

Axios は、JSON API のデータ形式とコンテンツ タイプの設定を自動的に処理します。ただし、既知の問題があるため、Axios v0.27.1 および v1.0.0 の使用は避けてください

NodeJS:

  • Axios を使用するにはFormData では、リクエスト インターセプターを使用するか、ヘッダーに手動でマージします。

jQuery $.ajax():

  • デフォルトでは、アプリケーション/ x-www-form-urlencoded Content-Type が使用されます。
  • Content-Type を自動決定するには、シリアル化を無効にし、ブラウザーが処理できるようにします。

以上がAPI 呼び出しを行うときにフォーム データを Axios に渡すにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート