原文链接：

回想当年刚接触前端， 真的碰一次就跪一次。当时不懂后端，不知道 是什么东东，也没有后端小伙伴写接口给我测试。

本文整理了我用过的几个 免费的在线api接口，而且不需要处理跨域等问题。

希望能给刚入门的前端小白在学习 时提供一点帮助。

本文列举的在线接口包括：文本 和 图片。

本文案例都是使用 进行测试的，因为我懒得自己写 代码。

如果本文对您有帮助，请帮我点个赞呗👍

一、{JSON} Placeholder

提供用于测试的免费API。

使用方式非常简单，提供了 、、、、 几个请求方法。

还提供分页查询、具体id查询等功能。

例：获取100篇文章数据（GET）

返回100条数据，每条内容都有帖子 ID、发贴人 ID、标题、以及简介。

http://jsonplaceholder.typicode.com/posts

例：根据文章ID获取文章数据（GET）

根据文章 获取指定文章的数据。

返回：文章 ID、发贴人 ID、标题、以及内容。

http://jsonplaceholder.typicode.com/posts/2

本例传入的 ID 为2，返回 ID 为2的数据。

例：添加文章（POST）

使用 发送一篇文章，发送成功会返回一个文章 ID 回来。

http://jsonplaceholder.typicode.com/posts

其他接口（自己试试吧）

帖子接口：

• 获取帖子列表：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

二、猫奴福利接口

会返回猫的图片，绝对是福利。

使用方法可以看 ，里面包括猫的 “按品种搜索”、“按类别搜索”、“分页搜索”、“图片上传”、“图像分析”等接口，可以对照文档使用。

例：随机获取1张猫图（GET）

每次请求都会随机返回一张猫的图片。

https://api.thecatapi.com/v1/images/search?limit=1

其他接口的使用都比较简单， 都讲得很明白的，可以自己用 测一下。

三、狗子接口

提供了狗子的图片，官网的首页第一眼看到的 就可以随机获得一张狗子照片，非常有趣。

例：随机返回一张狗子照片（GET）

https://dog.ceo/api/breeds/image/random

其他接口的用法也好简单，详情可看

四、随机图片接口

可以随机返回一张照片，还可以指定照片的尺寸。

提供的接口返回的是一个图片资源，而且是随机返回的。

可以直接放在 标签的 属性内使用。

例：返回 的图片（GET）

https://picsum.photos/200

例：比如想要获取 的图片（GET）

如果宽高尺寸不同，可以自己设置。

https://picsum.photos/200/300

五、其他接口

前面4个是我用得最多的测试平台，接下来这些是我用得比较少，但知道有这回事。有需要的话可以自己测测。

爱奇艺接口

https://cache.video.iqiyi.com/jp/avlist/{片源id}/{页码}/

例：用海贼王的片源id（GET）

https://cache.video.iqiyi.com/jp/avlist/202861101/1/

可以猜到：

• ：每集的封面

• ：集数

• ：本集的名称

• ：视频id

• ：视频播放地址

其他字段自己猜吧，我懒~

物流接口

http://www.kuaidi100.com/query?type=快递公司代号&postid=快递单号

快递公司编码：

• 申通：

• EMS：

• 顺丰：

• 圆通：

• 中通：

• 韵达：

• 天天：

• 汇通：

• 全峰：

• 德邦：

• 宅急送：

淘宝商品接口

http://suggest.taobao.com/sug?code=utf-8&q=商品关键字&callback=cb

是回调函数设定