Fetch API を使用してフォームエンコードされたデータを送信するにはどうすればよいですか?

Fetch を使用したフォーム エンコードされたデータの POST

POST リクエストを行う場合、ペイロードにフォーム エンコードされたデータを含める必要がある場合があります。 Fetch API を使用してこれを処理する方法は次のとおりです。

解決策

URLSearchParams オブジェクトを使用すると、フォームでエンコードされたパラメーターをリクエストに簡単に含めることができます。以下に例を示します:

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

これにより、パラメーターが「userName=[email protected]」、「password=Password!」、「grant_type=password」としてエンコードされ、リクエスト本文に追加されます。

WindowOrWorkerGlobalScope.fetch メソッドの詳細については、Mozilla Developer Network を参照してください。ドキュメント: https://developer.mozilla.org/en-US/docs/Web/API/WindowOrWorkerGlobalScope/fetch

以上がFetch API を使用してフォームエンコードされたデータを送信するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。