【javascript 基础篇】fetch
之前每件事都差不多,直到现在才发现差很多。现在才发现理清一件事的原委是多么快乐的一件事,我们共同勉励。
懒得扯淡,直接正题
不基于例子的讲原理都是扯淡,知乎一样的举例都是卖弄
例子
以下例子根据 github v3 api 请求个人用户信息
首先看一下 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));
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。