Fetch を使用して x-www-form-urlencoded POST リクエストを送信するにはどうすればよいですか?

Fetch を使用した x-www-form-urlencoded リクエストの POST

Fetch を使用してフォームエンコードされたパラメータをサーバーに送信するには、次のコマンドを利用できます。次の手順:

1. リクエストを定義するパラメータ:

   const params = {
     'userName': '[email protected]',
     'password': 'Password!',
     'grant_type': 'password'
   };

   ログイン後にコピー

2. リクエスト ヘッダーとメソッドを設定します:

   var obj = {
     method: 'POST',
     headers: {
    'Content-Type': 'application/x-www-form-urlencoded; charset=UTF-8'
     },
   };

   ログイン後にコピー

3. URLSearchParams インターフェイスを使用してパラメータをエンコードします:

   const encodedParams = new URLSearchParams();
   params.forEach((value, key) => encodedParams.append(key, value));

   ログイン後にコピー

4. の本文を指定リクエスト:

   obj.body = encodedParams.toString();

   ログイン後にコピー

5. 最後に、リクエストを行います:

   fetch('https://example.com/login', obj)
     .then(function(res) {
    // Do stuff with result
     });

   ログイン後にコピー

このプロセスは、フォームエンコードされたパラメータを効果的にエンコードし、含めます。 POST リクエストに含めて、API と互換性のある形式でサーバーに送信できるようにします。

以上がFetch を使用して x-www-form-urlencoded POST リクエストを送信するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。