回想当年刚接触前端,Ajax 真的碰一次就跪一次。当时不懂后端,不知道 api 是什么东东,也没有后端小伙伴写接口给我测试。
本文整理了我用过的几个 免费的在线api接口,而且不需要处理跨域等问题。
希望能给刚入门的前端小白在学习 Ajax 时提供一点帮助。
本文列举的在线接口包括:文本 和 图片。
本文案例都是使用 postman 进行测试的,因为我懒得自己写 Ajax 代码。
如果你想在本地 30秒搭建一套模拟接口,如果你 不懂后端,如果你需要 自定义 接口地址和数据格式。那可以试试跟着这篇文章去实现:
《『前端必备』本地数据接口 —— json-server 从入门到膨胀》
https://juejin.cn/post/7043424909472563208
如果本文对您有帮助,请帮我点个赞呗
『JSONPlaceholder』 提供用于测试的免费API。
JSONPlaceholder 使用方式非常简单,提供了 GET、POST、PUT、PATCH、DELETE 几个请求方法。
还提供分页查询、具体id查询等功能。
返回100条数据,每条内容都有帖子 ID、发贴人 ID、标题、以及简介。
http://jsonplaceholder.typicode.com/posts
根据文章 ID 获取指定文章的数据。
返回:文章 ID、发贴人 ID、标题、以及内容。
http://jsonplaceholder.typicode.com/posts/2
本例传入的 ID 为2,返回 ID 为2的数据。
使用 POST 发送一篇文章,发送成功会返回一个文章 ID 回来。
http://jsonplaceholder.typicode.com/posts
『The Cat API - Cats as a Service.』 会返回猫的图片,绝对是福利。
使用方法可以看 『文档』 ,里面包括猫的 “按品种搜索”、“按类别搜索”、“分页搜索”、“图片上传”、“图像分析”等接口,可以对照文档使用。
每次请求都会随机返回一张猫的图片。
https://api.thecatapi.com/v1/images/search?limit=1
其他接口的使用都比较简单,『官方文档』 都讲得很明白的,可以自己用 postman 测一下。
『Dog API』 提供了狗子的图片,官网的首页第一眼看到的 api 就可以随机获得一张狗子照片,非常有趣。
https://dog.ceo/api/breeds/image/random
其他接口的用法也好简单,详情可看 『狗子官方文档』
『Lorem Picsum』 可以随机返回一张照片,还可以指定照片的尺寸。
Lorem Picsum 提供的接口返回的是一个图片资源,而且是随机返回的。
可以直接放在 <img> 标签的 src 属性内使用。
https://picsum.photos/200
如果宽高尺寸不同,可以自己设置。
https://picsum.photos/200/300
复制代码
前面4个是我用得最多的测试平台,接下来这些是我用得比较少,但知道有这回事。有需要的话可以自己测测。
https://cache.video.iqiyi.com/jp/avlist/{片源id}/{页码}/
https://cache.video.iqiyi.com/jp/avlist/202861101/1/
可以猜到:
其他字段自己猜吧,我懒~
http://www.kuaidi100.com/query?type=快递公司代号&postid=快递单号
快递公司编码:
http://suggest.taobao.com/sug?code=utf-8&q=商品关键字&callback=cb
callback 是回调函数设定