【javascript基礎編】fetch
975 ワード
【javascript基礎編】fetch
前のことは全部同じです.今になってやっと気づいたのは同じです.
今やっと1つの事の次第を整理するのがどんなに楽しい1件の事なことを発見して、私達は共に励まします.
話をそらすのがおっくうで,本題に入る
例に基づかない原理は全部でたらめで,知っているような例は全部見せびらかしだ.
例
以下の例は、github v 3 appiによる個人ユーザ情報の要求である.
まず、
個人ユーザ情報を取得する
then実装
await
前のことは全部同じです.今になってやっと気づいたのは同じです.
今やっと1つの事の次第を整理するのがどんなに楽しい1件の事なことを発見して、私達は共に励まします.
話をそらすのがおっくうで,本題に入る
例に基づかない原理は全部でたらめで,知っているような例は全部見せびらかしだ.
例
以下の例は、github v 3 appiによる個人ユーザ情報の要求である.
まず、
fetch
の戻り値を見てください.fetch('https://api.github.com/users/doudounannan')
上記のスクリーンショットからfetchの戻り値はPromiseであることが分かります.個人ユーザ情報を取得する
then実装
fetch('https://api.github.com/users/doudounannan')
.then(res => {
console.log('1cb', res);
return res.json();
})
.then(json => {
console.log('2cb', json);
})
上からスクリーンショットを見ると、thenの成功したコールパラメータは前のPromiseのPromiseValue値です.await
var fun = async () => {
var res = await fetch('https://api.github.com/users/doudounannan');
return await res.json();
};
fun().then(data => console.log(data)).catch(e => console.err(e));