前端需要的免费在线 api 接口
原文链接：《前端需要的免费在线api接口》
回想当年刚接触前端，Ajax 真的碰一次就跪一次。当时不懂后端，不知道 api 是什么东东，也没有后端小伙伴写接口给我测试。
本文整理了我用过的几个 免费的在线 api 接口，而且不需要处理跨域等问题。
希望能给刚入门的前端小白在学习 Ajax 时提供一点帮助。
本文列举的在线接口包括：文本 和 图片。
本文案例都是使用 postman 进行测试的，因为我懒得自己写 Ajax 代码。
如果本文对您有帮助，请帮我点个赞呗👍
一、{JSON} Placeholder
『JSONPlaceholder』 提供用于测试的免费 API。
JSONPlaceholder 使用方式非常简单，提供了 GET、POST、PUT、PATCH、DELETE 几个请求方法。
还提供分页查询、具体 id 查询等功能。
例：获取 100 篇文章数据（GET）
返回 100 条数据，每条内容都有帖子 ID、发贴人 ID、标题、以及简介。
例：根据文章 ID 获取文章数据（GET）
根据文章 ID 获取指定文章的数据。
返回：文章 ID、发贴人 ID、标题、以及内容。
本例传入的 ID 为 2，返回 ID 为 2 的数据。
例：添加文章（POST）
使用 POST 发送一篇文章，发送成功会返回一个文章 ID 回来。
其他接口（自己试试吧）
帖子接口：
获取帖子列表：http://jsonplaceholder.typicode.com/posts
根据帖子 ID 获取详情：https://jsonplaceholder.typicode.com/posts/1
获取某个用户所有的帖子：http://jsonplaceholder.typicode.com/posts?userId=5
获取帖子所有的评论：https://jsonplaceholder.typicode.com/posts/1/comments
评论接口
获取评论列表：http://jsonplaceholder.typicode.com/comments
获取某个帖子的所有评论：http://jsonplaceholder.typicode.com/comments?postId=4
专辑接口：
获取专辑列表：http://jsonplaceholder.typicode.com/albums
根据专辑 ID 获取详情：http://jsonplaceholder.typicode.com/albums/6
获取某个用户所有专辑：http://jsonplaceholder.typicode.com/albums?userId=9
待办事宜接口：
获取待办事宜列表：http://jsonplaceholder.typicode.com/todos
根据待办 ID 获取详情：http://jsonplaceholder.typicode.com/todos/6
获取某个用户所有待办事宜：http://jsonplaceholder.typicode.com/todos?userId=9
用户接口：
获取用户列表：http://jsonplaceholder.typicode.com/users
根据用户 ID 获取详情：http://jsonplaceholder.typicode.com/users/5
照片接口：
获取照片列表：http://jsonplaceholder.typicode.com/photos
根据照片 ID 获取详情：http://jsonplaceholder.typicode.com/photos/8
二、猫奴福利接口
『The Cat API - Cats as a Service.』 会返回猫的图片，绝对是福利。
使用方法可以看 『文档』 ，里面包括猫的 “按品种搜索”、“按类别搜索”、“分页搜索”、“图片上传”、“图像分析”等接口，可以对照文档使用。
例：随机获取 1 张猫图（GET）
每次请求都会随机返回一张猫的图片。
其他接口的使用都比较简单，『官方文档』 都讲得很明白的，可以自己用 postman 测一下。
三、狗子接口
『Dog API』 提供了狗子的图片，官网的首页第一眼看到的 api 就可以随机获得一张狗子照片，非常有趣。
例：随机返回一张狗子照片（GET）
其他接口的用法也好简单，详情可看 『狗子官方文档』
四、随机图片接口
『Lorem Picsum』 可以随机返回一张照片，还可以指定照片的尺寸。
Lorem Picsum 提供的接口返回的是一个图片资源，而且是随机返回的。
可以直接放在 <img> 标签的 src 属性内使用。
例：返回 宽和高都是200px 的图片（GET）
例：比如想要获取 宽200，高300 的图片（GET）
如果宽高尺寸不同，可以自己设置。
五、其他接口
前面 4 个是我用得最多的测试平台，接下来这些是我用得比较少，但知道有这回事。有需要的话可以自己测测。
爱奇艺接口
例：用海贼王的片源 id（GET）
可以猜到：
vpic：每集的封面shortTitle：集数vt：本集的名称vid：视频 idvur：视频播放地址
其他字段自己猜吧，我懒~
物流接口
快递公司编码：
申通：
shentongEMS：
ems顺丰：
shunfeng圆通：
yuantong中通：
zhongtong韵达：
yunda天天：
tiantian汇通：
huitongkuaidi全峰：
quanfengkuaidi德邦：
debangwuliu宅急送：
zhaijisong
淘宝商品接口
callback 是回调函数设定
版权声明: 本文为 InfoQ 作者【学习委员】的原创文章。
原文链接:【http://xie.infoq.cn/article/60ecc4ada459fb9b75ceef749】。文章转载请联系作者。
反派 2019.03.19 加入
用键盘绣花
评论