POSTを要求する


GETその他のリクエストには追加オプションが必要です.
  • method–HTTPメソッド(例POST)
  • body-要求本文は次の項目のいずれかでなければなりません.
  • 文字列(例えばJSON文字列)
  • FormDataオブジェクト・form/multipart形式でデータを転送するために使用します.
  • 転送用
  • BlobマイBufferSourceバイナリデータ.
  • URLSearchParams–データをx-www-form-urlencoded形式で送信するためのものですが、最近はあまり使われていません.
  • ほとんどはJSONをリクエスト本文に送信します.userオブジェクトを本明細書に送信する例を見てみましょう.
    let user = {
      name: 'John',
      surname: 'Smith'
    };
    
    let response = await fetch('/article/fetch/post/user', {
      method: 'POST',
      headers: {
        'Content-Type': 'application/json;charset=utf-8'
      },
      body: JSON.stringify(user)
    });
    
    let result = await response.json();
    alert(result.message);
    POSTリクエストを送信する際に注意すべきことは、リクエスト본문この文字列の場合Content-Typeヘッダがデフォルトtext/plain;charset=UTF-8ただし、上記の例ではJSONが伝送されているため、headersには正しいContent-Typeapplication/jsonが設定されている