リクエスト[TIL]20210429 fetch API


fetch(URL, [options])


JavaScript環境では、fetchメソッドでサーバにネットワークリクエストを送信し、新しい情報を受信できます.オプションのパラメータを渡して、このパラメータを使用してアクセスするURLとメソッド、ヘッダ、またはボディを指定できます.2番目のパラメータが省略されている場合、この要求はGET要求である.なぜなら、Default値はGETだからです.
let promise = fetch(URL, [options]);
興味深いことに、fetchはPromiseに戻ります.

したがって、thenメソッドを使用してPromiseリンクを行うことができます.

resはPromiseベースの様々な方法を提供している.上記のコードはres.json()メソッドを使用して応答をJSONに分割し、結果をJSONに分割します.stringgify()メソッドを使用してJSON文字列に変換します.
API要求は、GET、POST、PUT、DELETE、PATCHなどの方法を含む.
その中でGETとPOSTについて少し分かりやすい.

GETリクエスト


GETは、必要なデータを照会する方法です.通常GETリクエストと呼ばれます.
let response = fetch(URL);
URLのみをfetchのパラメータとして送信要求として入力すると(2番目のパラメータを省略すると)、GET要求はGET要求となります.前述したように、DefaultメソッドはGETです.つまり、クエリーのみのリクエストです.GET要求は、上図に示すように、必要なデータのみを受信する.上の写真で十分説明できるのでPOSTリクエストに移ります.

POSTリクエスト


POSTは、データを追加するための要求方法である.POSTリクエストと呼ばれています.
POSTリクエストを送信すると、fetch関数に2番目のパラメータと1番目のパラメータURLが送信されます.2番目のパラメータは、メソッドを指定するか、タイトルとボディを指定します.
fetch('http://3.36.72.17:3000/still3028/messages', { // { 두 번째 인자 }
  method: 'POST',  // 메서드를 명시해줍니다.
  body: JSON.stringify(data), // 전달하고자 하는 내용을 JSON 문자열로 변환해줍니다.
  headers: {
    'Content-Type': 'application/json' // 전송하는 데이터가 json 형식이라는 것을 명시해줍니다.
  }
}
オブジェクトは2番目のパラメータとして渡されます.オブジェクトにはmethod、body、headersというプロファイルが含まれています.method propertyは、このリクエストが「POST」リクエストであり、bodyはJSONであることを示す.stringfiy(data)というメソッドが追加されました.渡された値またはオブジェクトをJSON文字列に変換して送信します(もちろん、データはAPIの要件を満たす必要があります).Header propertyは、アプリケーション/jsonを設定することによって送信されるデータがJSON形式であることを示します.
このような形式で要求を送信すると、POST要求が完了する.
正常に動作している場合は、入力したデータがサーバに送信されます.
塗装がますます難しくなってきた.
毎朝解決しなければならないアルゴリズムにもプレッシャーがあります.
しかし、もう一つの道があるのを楽しみにしています.
すぐにPUT DELETE PATCHについてお話しします