zukucode
主にWEB関連の情報を技術メモとして発信しています。

fatchでapplication/x-www-form-urlencoded形式でリクエストする

fetchapplication/x-www-form-urlencoded形式でリクエストする方法を紹介します。

以下のように、リクエストをすると、multipart/form-dataの形式でリクエストされてしまいます。

const response = await fetch('http://example.com', {
    method: 'post',
    body: new FormData(フォームのデータ),
});

application/x-www-form-urlencoded形式でリクエストをするには、以下のようにします。

const response = await fetch('http://example.com', {
    method: 'post',
    body: new FormData(フォームのデータ),
    body: new URLSearchParams(new FormData(フォームのデータ)),
});

Classic ASPなどはmultipart/form-data形式のリクエストだと、Request.Formで値が取得できないため、application/x-www-form-urlencoded形式でリクエストをする必要があります。


関連記事