写点什么

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

作者:学习委员
  • 2021 年 12 月 14 日
  • 本文字数:1928 字

    阅读完需:约 6 分钟

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

原文链接:《前端需要的免费在线api接口》


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


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


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


本文列举的在线接口包括:文本图片


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


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


一、{JSON} Placeholder

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



JSONPlaceholder 使用方式非常简单,提供了 GETPOSTPUTPATCHDELETE 几个请求方法。


还提供分页查询、具体 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.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)

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


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 是回调函数设定

发布于: 1 小时前阅读数: 8
用户头像

学习委员

关注

反派 2019.03.19 加入

用键盘绣花

评论

发布
暂无评论
前端需要的免费在线api接口