リクエスト[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についてお話しします
Reference
この問題について(リクエスト[TIL]20210429 fetch API), 我々は、より多くの情報をここで見つけました
https://velog.io/@still3028/TIL-20210429fetch-API-요청
テキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol
let promise = fetch(URL, [options]);
let response = fetch(URL);
fetch('http://3.36.72.17:3000/still3028/messages', { // { 두 번째 인자 }
method: 'POST', // 메서드를 명시해줍니다.
body: JSON.stringify(data), // 전달하고자 하는 내용을 JSON 문자열로 변환해줍니다.
headers: {
'Content-Type': 'application/json' // 전송하는 데이터가 json 형식이라는 것을 명시해줍니다.
}
}
Reference
この問題について(リクエスト[TIL]20210429 fetch API), 我々は、より多くの情報をここで見つけました https://velog.io/@still3028/TIL-20210429fetch-API-요청テキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol