前端需要的免费在线api接口
回想当年刚接触前端,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
文章图片
【前端需要的免费在线api接口】
本例传入的 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...
文章图片
使用方法可以看 『文档』 ,里面包括猫的 “按品种搜索”、“按类别搜索”、“分页搜索”、“图片上传”、“图像分析”等接口,可以对照文档使用。
例:随机获取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
提供的接口返回的是一个图片资源,而且是随机返回的。可以直接放在
文章图片
例:比如想要获取 宽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
是回调函数设定
点赞 + 关注 + 收藏 = 学会了
推荐阅读
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- 前端|前端-js网页特效(终章)超详细的轮播图效果及原理 一篇彻底吃透!
- 我的人生不需要观众
- ArrayList源码深度剖析,从最基本的扩容原理,到魔幻的迭代器和fast-fail机制,你想要的这都有!!!
- 我们都需要一个回忆
- 《约书亚第八记》你需要神的帮助吗(只要敬畏神,远离罪恶,今日必得胜?)
- 投稿|国际油价惊魂暴跌10%,为何需求焦虑来得这么猛烈?
- 命运似乎总在逼我向上,可是生命不息,不正是需要折腾不止吗()
- 为什么市场需要低代码()
- 《月亮和六便士》(这个世界需要那些仰望星空的人)
- 前端|浏览器安全——Web页面安全&浏览器网络安全(HTTPS)&浏览器系统安全