HTTPリクエストメソッド

このポストでは、APIで動作するさまざまな種類のリクエストメソッドを共有します.

HTTPリクエストメソッドは何ですか？

HTTP要求は、与えられた要求URLによって特定されるリソースで実行される行動です.リクエストメソッドは大文字小文字を区別します.

HTTPリクエストはどのように動作しますか?

HTTPリクエストはクライアント/アプリケーションとサーバ間の中間的な転送方法として動作します.クライアントはHTTPリクエストをサーバに送信し、処理後に応答を返す.レスポンスはリクエストに関するステータス情報を含んでいます.


HTTPリクエストメソッドは様々ですが、それぞれが特定の目的を割り当てられます.始めましょう

1 get getメソッド

getメソッドを使用して、サーバー内の指定したリソースからデータを取得して要求します.
このポストでは、これらの要求がどのように働くかを展示するために偽のREST APIとして'Swagger UI'を使用します.

let url = "https://fakerestapi.azurewebsites.net/api/v1/Activities";
fetch(url, {method: 'GET'})
.then(response => response.json())
.then(data => console.log(data));
// we receive the data from the api as the output

GETリクエストは、通常、サーバーからJSONデータを取得するために使用されますが、データを取得できるさまざまな形式があります.

XML

HTML

のテキスト

JSON

2 . POSTメソッド

もう一つの人気のHTTPリクエストメソッドはPOSTです.Web通信では、ポスト要求は、リソースを作成または更新するためにサーバーにデータを送信するために利用されます.HTTP POSTメソッドは、ユーザーが生成したデータをサーバーに送信するために使用されます.つの例は、ユーザーがプロフィール写真をアップロードするときです.

let url = 'https://fakerestapi.azurewebsites.net/api/v1/Activities';
let data = {
  "id": 0,
  "title": "string",
  "dueDate": "2021-08-13T16:44:12.776Z",
  "completed": true
}
const options = {
  method: 'POST',
  body: JSON.stringify(data),
  headers: {
    'Content-Type': 'application/json'
  }
}
fetch(url, options)
  .then(res => res.json())
  .then(res => console.log(res));
// This way user data can be updated to the server.

POSTリクエストメソッドでサーバーに送信された情報はHTTPリクエストのリクエスト本文でアーカイブされます.
ここでは、JSONを使用します.JavaScriptオブジェクトをJSON文字列に変換するStringIf ()メソッド

3 . putメソッド:

putは、リソースを作成または更新するためにサーバーにデータを送信するために使用されます.両者の違いは、プットリクエストがidempotentであることです.
これは、同じputリクエストを複数回呼び出すと、結果は常に同じになることを意味します.

const dataObject = {id: 1,
    title: 'Activity 1 update',
    dueDate: '2021-08-13T17:12:24.832Z',
    completed: true,
};

fetch('https://fakerestapi.azurewebsites.net/api/v1/Activities/1',{
    method:'PUT',
    headers:{
    'Content-Type':'application/json'
    },
    body:JSON.stringify(dataObject)
}).then(response=>{
    return response.json()
}).then(data=> 
console.log(data)
);

4 .削除メソッド

ちょうどそれが聞こえるように、削除要求メソッドは特定のURLで示されるリソースを削除するために使用されます.削除要求を行うと、対象となるリソースが削除されます.

let url = "https://fakerestapi.azurewebsites.net/api/v1/Activities/30"
const deleteMethod = {
  method: 'DELETE',
  headers: {
   'Content-type': 'application/json; charset=UTF-8'
  },
 }
 fetch(url, deleteMethod) 
 .then(response => response.text())
 .then(data => console.log(data))
 .catch(err => console.log(err))
// This will delete the targeted id data from the server

投稿との違いは、削除するレコードのIDを必要とすることです.ここではid = ' 30 'を使用しています

Note that there's no need to parse the result. Parsing response to text will return in an empty string, and parsing it to JSON will give a parsing error.

5パッチ

パッチリクエストはPOSTとPUTに似ています.しかし、その主な目的はリソースに部分的な変更を適用することです.And
ポストリクエストと同様に、パッチ要求も非IDENEBLEです.さらに、完全なユーザー実体を必要とするPOSTとPUTとは異なり、パッチ要求で、あなたは更新されたユーザ名だけを送るかもしれません.
最後に、私はあなたにあなたが明らかにされるように、私は後の当留号パッチ方法を理解する実用的な例を与える.例{ "username": "rkumar281", "email": "[email protected]" }このデータを/ユーザに投稿すると、次のようなエンティティが返されます.

## /users/1
{
    "username": "rkumar281",
    "email": "[email protected]"
}

このエンティティを後で変更する場合は、putとpatchの間を選択します.プットは次のようになります.

PUT /users/1
{
    "username": "rkumar281",
    "email": "[email protected]"       // new email address
}

パッチを使用しても同じことができます.これは次のようになります.

PATCH /users/1
{
    "email": "[email protected]"       // new email address
}

あなたは、これらの2つの間ですぐに違いに気がつきます.PUTはこのユーザにパラメータの全てを含んでいました、しかし、パッチは(email)に変更されていたものだけを含みました.
私はあなたのブログのHTTPのリクエストの学習に役立つ、私は最も使用されるリクエストをカバーしていることを願って、まだあなたはhereを探索することができます.
あなたが内容についてどのように感じたかについてのコメントをしてください.