x-www-form-urlencoded データをフェッチで POST する方法-jsチュートリアル-php.cn

x-www-form-urlencoded データをフェッチで POST する方法

Susan Sarandon

リリース： 2024-11-12 08:53:02

オリジナル

543 人が閲覧しました

How to POST x-www-form-urlencoded Data with Fetch?

Fetch を使用した x-www-form-urlencoded データの POST

Web 開発の領域では、HTTP リクエストはフォームエンコードされたデータを運ぶことがよくあります。サーバーに。 Fetch API を使用してこれを実現するには、そのようなリクエストを構築する方法を見てみましょう。

フォームエンコードされたデータとして送信する必要があるユーザー名、パスワード、付与タイプなどのパラメーターがあるシナリオを考えてみましょう。サーバー。適切なヘッダーを使用してリクエストを設定しましたが、パラメーターはどのように組み込むことができますか?

これを行うには、URLSearchParams の機能を利用できます。その方法は次のとおりです。

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

ログイン後にコピー

URLSearchParams オブジェクトはパラメータのコンテナとして機能します。値は自動的に URL エンコードされ、送信できるようになります。 Content-Type ヘッダーを適切に設定すると、リクエストはエンコードされたデータをサーバーに送信します。

以上がx-www-form-urlencoded データをフェッチで POST する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。