JavaScript - fetch API


fetch() 👨‍💻


fetch関数はデータを渡すJavaScript内蔵関数です!
함수표현식
fetch('api 주소')
  .then(function(res) {
    return res.json();
  })
  .then(function(res) {
    // 데이터를 응답 받은 후의 로직
  });
화살표 함수형
fetch('api주소')
  .then(res => res.json())
  .then(res => {
  //데이터를 응답 받은 후의 로직
  })
fetch受信APIアドレスthenは、promiseを処理する際に使用される方法である.
promiseオブジェクトは、非同期操作が迎える将来の完了または失敗とその結果値を表します.

1. method


fetch関数では、methodがデータ伝送方式を決定する方法である."GET""POST".デフォルト値はGETステータスです.
  • GETメソッドは、データのインポート時にのみ使用されます.
  • POSTメソッドは、データをサーバに送信する.
  • 2. body


    フロントエンドでPOST方式でデータを転送する必要がある場合、
  • fetchの2番目のパラメータに、methodとbody****を入力します.
  • methodPOST
  • bodyJSONはJSON形式で送信される.オブジェクトをstringfy()関数にパラメータとして渡し、JSON形式に変換します.

  • 3. then

      .then(res => res.json())
      .then(res => { 데이터를 응답 받은 후의 로직 })
    最初のthen関数に渡されるパラメータ resは、HTTP通信要求および応答に応答情報を含むオブジェクトである.Response Object.応答として受信したJSONデータを使用します.
    応答オブジェクトのjson関数を呼び出して返さなければなりません.
    2番目のthen関数は、応答本体のデータを受信することができる.