草庐IT

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

德育处主任 2023-10-08 原文

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


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

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


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

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


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



一、{JSON} Placeholder

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

file


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

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


例:获取100篇文章数据(GET)

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

http://jsonplaceholder.typicode.com/posts


file

例:根据文章ID获取文章数据(GET)

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

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

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


file


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


例:添加文章(POST)

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

http://jsonplaceholder.typicode.com/posts


file


其他接口(自己试试吧)

帖子接口:


评论接口


专辑接口:


待办事宜接口:


用户接口:


照片接口:



二、猫奴福利接口

『The Cat API - Cats as a Service.』 会返回猫的图片,绝对是福利。


file


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


例:随机获取1张猫图(GET)

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

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


file


其他接口的使用都比较简单,『官方文档』 都讲得很明白的,可以自己用 postman 测一下。



三、狗子接口

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


file


例:随机返回一张狗子照片(GET)

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


file


其他接口的用法也好简单,详情可看 『狗子官方文档』



四、随机图片接口

『Lorem Picsum』 可以随机返回一张照片,还可以指定照片的尺寸。

file


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

可以直接放在 <img> 标签的 src 属性内使用。


例:返回 宽和高都是200px 的图片(GET)

https://picsum.photos/200


file


例:比如想要获取 宽200,高300 的图片(GET)

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

https://picsum.photos/200/300


file



五、其他接口

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


爱奇艺接口

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


例:用海贼王的片源id(GET)
https://cache.video.iqiyi.com/jp/avlist/202861101/1/


file

可以猜到:

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

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

有关前端需要的免费在线api接口的更多相关文章

  1. ruby - 我需要将 Bundler 本身添加到 Gemfile 中吗? - 2

    当我使用Bundler时,是否需要在我的Gemfile中将其列为依赖项?毕竟,我的代码中有些地方需要它。例如,当我进行Bundler设置时:require"bundler/setup" 最佳答案 没有。您可以尝试,但首先您必须用鞋带将自己抬离地面。 关于ruby-我需要将Bundler本身添加到Gemfile中吗?,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.com/questions/4758609/

  2. ruby - rspec 需要 .rspec 文件中的 spec_helper - 2

    我注意到像bundler这样的项目在每个specfile中执行requirespec_helper我还注意到rspec使用选项--require,它允许您在引导rspec时要求一个文件。您还可以将其添加到.rspec文件中,因此只要您运行不带参数的rspec就会添加它。使用上述方法有什么缺点可以解释为什么像bundler这样的项目选择在每个规范文件中都需要spec_helper吗? 最佳答案 我不在Bundler上工作,所以我不能直接谈论他们的做法。并非所有项目都checkin.rspec文件。原因是这个文件,通常按照当前的惯例,只

  3. ruby - 如何在 Lion 上安装 Xcode 4.6,需要用 RVM 升级 ruby - 2

    我实际上是在尝试使用RVM在我的OSX10.7.5上更新ruby,并在输入以下命令后:rvminstallruby我得到了以下回复:Searchingforbinaryrubies,thismighttakesometime.Checkingrequirementsforosx.Installingrequirementsforosx.Updatingsystem.......Errorrunning'requirements_osx_brew_update_systemruby-2.0.0-p247',pleaseread/Users/username/.rvm/log/138121

  4. ruby-on-rails - ActionController::RoutingError: 未初始化常量 Api::V1::ApiController - 2

    我有用于控制用户任务的Rails5API项目,我有以下错误,但并非总是针对相同的Controller和路由。ActionController::RoutingError:uninitializedconstantApi::V1::ApiController我向您描述了一些我的项目,以更详细地解释错误。应用结构路线scopemodule:'api'donamespace:v1do#=>Loginroutesscopemodule:'login'domatch'login',to:'sessions#login',as:'login',via::postend#=>Teamroutessc

  5. ruby - 为什么在 ruby​​ 中创建 Rational 不需要新方法 - 2

    这个问题在这里已经有了答案:关闭10年前。PossibleDuplicate:Rubysyntaxquestion:Rational(a,b)andRational.new!(a,b)我正在阅读ruby镐书,我对创建有理数的语法感到困惑。Rational(3,4)*Rational(1,2)产生=>3/8为什么Rational不需要new方法(我还注意到例如我可以在没有new方法的情况下创建字符串)?

  6. 【鸿蒙应用开发系列】- 获取系统设备信息以及版本API兼容调用方式 - 2

    在应用开发中,有时候我们需要获取系统的设备信息,用于数据上报和行为分析。那在鸿蒙系统中,我们应该怎么去获取设备的系统信息呢,比如说获取手机的系统版本号、手机的制造商、手机型号等数据。1、获取方式这里分为两种情况,一种是设备信息的获取,一种是系统信息的获取。1.1、获取设备信息获取设备信息,鸿蒙的SDK包为我们提供了DeviceInfo类,通过该类的一些静态方法,可以获取设备信息,DeviceInfo类的包路径为:ohos.system.DeviceInfo.具体的方法如下:ModifierandTypeMethodDescriptionstatic StringgetAbiList​()Obt

  7. ruby-on-rails - Mandrill API 模板 - 2

    我正在使用Mandrill的RubyAPIGem并使用以下简单的测试模板:testastic按照Heroku指南中的示例,我有以下Ruby代码:require'mandrill'm=Mandrill::API.newrendered=m.templates.render'test-template',[{:header=>'someheadertext',:main_section=>'Themaincontentblock',:footer=>'asdf'}]mail(:to=>"JaysonLane",:subject=>"TestEmail")do|format|format.h

  8. postman接口测试工具-基础使用教程 - 2

    1.postman介绍Postman一款非常流行的API调试工具。其实,开发人员用的更多。因为测试人员做接口测试会有更多选择,例如Jmeter、soapUI等。不过,对于开发过程中去调试接口,Postman确实足够的简单方便,而且功能强大。2.下载安装官网地址:https://www.postman.com/下载完成后双击安装吧,安装过程极其简单,无需任何操作3.使用教程这里以百度为例,工具使用简单,填写URL地址即可发送请求,在下方查看响应结果和响应状态码常用方法都有支持请求方法:getpostputdeleteGet、Post、Put与Delete的作用get:请求方法一般是用于数据查询,

  9. 阿里云国际版免费试用:如何注册以及注意事项 - 2

    作为新的阿里云用户,您可以50免费试用多种优惠,价值高达1,700美元(或8,500美元)。这将让您了解和体验阿里云平台上提供的一系列产品和服务。如果您以个人身份注册免费试用,您将获得价值1,700美元的优惠。但是,如果您是注册公司,您可以选择企业免费试用,提交基本信息通过企业实名注册验证,即可开始价值$8,500的免费试用!本教程介绍了如何设置您的帐户并使用您的免费试用版。​关于免费试用在我们开始此试用之前,您还必须遵守以下条款和条件才能访问您的免费试用:只有在一年内创建的账户才有资格获得阿里云免费试用。通过此免费试用优惠,用户可以免费试用免费试用活动页面上列出的每种产品一次。如果您有多个帐

  10. ruby-on-rails - 在 Ruby (on Rails) 中使用 imgur API 获取图像 - 2

    我正在尝试使用Ruby2.0.0和Rails4.0.0提供的API从imgur中提取图像。我已尝试按照Ruby2.0.0文档中列出的各种方式构建http请求,但均无济于事。代码如下:require'net/http'require'net/https'defimgurheaders={"Authorization"=>"Client-ID"+my_client_id}path="/3/gallery/image/#{img_id}.json"uri=URI("https://api.imgur.com"+path)request,data=Net::HTTP::Get.new(path

随机推荐