1. 浏览器Fetch API
fetch()接受一个 URL 字符串作为参数,默认向该网址发出 GET 请求,返回一个 Promise 对象。
fetch()请求成功以后,得到的是一个 Response 对象。它对应服务器的 HTTP 回应。
response.json()是一个异步操作,也是返回一个Promise, 取出获取服务器返回的所有内容,并将其转为 JSON 对象。
2. https://yesno.wtf/api
yesno.wtf 这是一个神奇的网站,当你对某件事拿不定注意,需要别人推你一把时,可以访问它,它会随机返回一个 gif 动画,点头表示 yes,摇头表示 no。 访问的后端是 yesno.wtf/api,它传回的数据时 json 格式的,如果直接访问它(GET请求,不需要请求参数),得到的结果如下:
fetch("https://yesno.wtf/api")
.then(response => response.json())
.then(json => console.log(json))
.catch(err => console.log("Request Failed", err));
3. https://api.github.com/users/github
fetch("https://api.github.com/users/github")
.then(response => response.json())
.then(json => console.log(json))
.catch(err => console.log("Request Failed", err));
// 可以查询个人的github用户信息,如Lxl95
fetch("https://api.github.com/users/Lxl95")
.then(response => response.json())
.then(json => console.log(json))
.catch(err => console.log("Request Failed", err));