一些前端可用的API接口

899 阅读1分钟

1. 浏览器Fetch API

image.png

fetch()接受一个 URL 字符串作为参数,默认向该网址发出 GET 请求,返回一个 Promise 对象。

image.png

fetch()请求成功以后,得到的是一个 Response 对象。它对应服务器的 HTTP 回应。

image.png

response.json()是一个异步操作,也是返回一个Promise, 取出获取服务器返回的所有内容,并将其转为 JSON 对象。

image.png

2. https://yesno.wtf/api

yesno.wtf 这是一个神奇的网站,当你对某件事拿不定注意,需要别人推你一把时,可以访问它,它会随机返回一个 gif 动画,点头表示 yes,摇头表示 no。 访问的后端是 yesno.wtf/api,它传回的数据时 json 格式的,如果直接访问它(GET请求,不需要请求参数),得到的结果如下:

image.png

fetch("https://yesno.wtf/api")
  .then(response => response.json())
  .then(json => console.log(json))
  .catch(err => console.log("Request Failed", err));

image.png

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));

image.png

// 可以查询个人的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));

image.png