乐趣区

关于前端:前端需要的免费在线api接口

jiezi

回忆当年刚接触前端，Ajax 真的碰一次就跪一次。过后不懂后端，不晓得 api 是什么东东，也没有后端小伙伴写接口给我测试。

本文整顿了我用过的几个 收费的在线 api 接口，而且不须要解决跨域等问题。

心愿能给刚入门的前端小白在学习 Ajax 时提供一点帮忙。

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

本文案例都是应用 postman 进行测试的，因为我懒得本人写 Ajax 代码。

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

一、{JSON} Placeholder

『JSONPlaceholder』提供用于测试的收费 API。

JSONPlaceholder 应用形式非常简单，提供了 GET、POST、PUT、PATCH、DELETE 几个申请办法。

还提供分页查问、具体 id 查问等性能。

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

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

http://jsonplaceholder.typicode.com/posts

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

依据文章 ID 获取指定文章的数据。

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

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

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

例：增加文章（POST）

应用 POST 发送一篇文章，发送胜利会返回一个文章 ID 回来。

http://jsonplaceholder.typicode.com/posts

其余接口（本人试试吧）

帖子接口：
  • 获取帖子列表：http://jsonplaceholder.typico…
  • 依据帖子 ID 获取详情：https://jsonplaceholder.typic…
  • 获取某个用户所有的帖子：http://jsonplaceholder.typico…
  • 获取帖子所有的评论：https://jsonplaceholder.typic…

评论接口
  • 获取评论列表：http://jsonplaceholder.typico…
  • 获取某个帖子的所有评论：http://jsonplaceholder.typico…

专辑接口：
  • 获取专辑列表：http://jsonplaceholder.typico…
  • 依据专辑 ID 获取详情：http://jsonplaceholder.typico…
  • 获取某个用户所有专辑：http://jsonplaceholder.typico…

待办事宜接口：
  • 获取待办事宜列表：http://jsonplaceholder.typico…
  • 依据待办 ID 获取详情：http://jsonplaceholder.typico…
  • 获取某个用户所有待办事宜：http://jsonplaceholder.typico…

用户接口：
  • 获取用户列表：http://jsonplaceholder.typico…
  • 依据用户 ID 获取详情：http://jsonplaceholder.typico…

照片接口：
  • 获取照片列表：http://jsonplaceholder.typico…

  • 依据照片 ID 获取详情：http://jsonplaceholder.typico…

二、猫奴福利接口

『The Cat API – Cats as a Service.』会返回猫的图片，相对是福利。

应用办法能够看『文档』，外面包含猫的“按种类搜寻”、“按类别搜寻”、“分页搜寻”、“图片上传”、“图像剖析”等接口，能够对照文档应用。

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

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

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

其余接口的应用都比较简单，『官网文档』都讲得很明确的，能够本人用 postman 测一下。

三、狗子接口

『Dog API』提供了狗子的图片，官网的首页第一眼看到的 api 就能够随机取得一张狗子照片，十分乏味。

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

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

其余接口的用法也好简略，详情可看『狗子官网文档』

四、随机图片接口

『Lorem Picsum』能够随机返回一张照片，还能够指定照片的尺寸。

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

能够间接放在 <img> 标签的 src 属性内应用。

例：返回 宽和高都是 200px 的图片（GET）

https://picsum.photos/200

例：比方想要获取 宽 200，高 300 的图片（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/

能够猜到：

  • vpic：每集的封面
  • shortTitle：集数
  • vt：本集的名称
  • vid：视频 id
  • vur：视频播放地址

其余字段本人猜吧，我懒~

物流接口

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

快递公司编码：

  • 申通：shentong
  • EMS：ems
  • 顺丰：shunfeng
  • 圆通：yuantong
  • 中通：zhongtong
  • 韵达：yunda
  • 天天：tiantian
  • 汇通：huitongkuaidi
  • 全峰：quanfengkuaidi
  • 德邦：debangwuliu
  • 宅急送：zhaijisong

淘宝商品接口

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

callback 是回调函数设定

点赞 + 关注 + 珍藏 = 学会了

退出移动版