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ステータスです.
함수표현식
fetch('api 주소')
.then(function(res) {
return res.json();
})
.then(function(res) {
// 데이터를 응답 받은 후의 로직
});
화살표 함수형
fetch('api주소')
.then(res => res.json())
.then(res => {
//데이터를 응답 받은 후의 로직
})
2. body
フロントエンドでPOST方式でデータを転送する必要がある場合、
method
POSTbody
JSONはJSON形式で送信される.オブジェクトをstringfy()関数にパラメータとして渡し、JSON形式に変換します.3. then
.then(res => res.json())
.then(res => { 데이터를 응답 받은 후의 로직 })
最初のthen
関数に渡されるパラメータ resは、HTTP通信要求および応答に応答情報を含むオブジェクトである.Response Object
.応答として受信したJSONデータを使用します.応答オブジェクトのjson関数を呼び出して返さなければなりません.
2番目の
then
関数は、応答本体のデータを受信することができる.Reference
この問題について(JavaScript - fetch API), 我々は、より多くの情報をここで見つけました https://velog.io/@moolbum/JavaScript-fetch-APIテキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol