记录我常用的免费API接口

目录

1.随机中英文句子

2.随机中英文句子(带图片和音频)

3.随机一句诗

4.随机一句话

5.随机一句情话

6. 随机一句舔狗语录

7.历史上的今天

8.获取来访者ip地址

9:获取手机号信息

10. 垃圾分类查询

11.字典查询

12.QQ信息查询


1.随机中英文句子

 API地址:https://api.kekc.cn/api/yien

Axios的get请求调用方式

  methods:{getit(){axios.get('https://api.kekc.cn/api/yien', {params: {// 请求参数}}).then( (response)=> {// 请求成功回调函数console.log(response.data.cn);this.cn = response.data.cn;this.en = response.data.en;}).catch(function (error) {//请求失败回调函数console.log(error);});},}

获取结果示例:


2.随机中英文句子(带图片和音频)

API地址:https://api.oioweb.cn/api/common/OneDayEnglish

 Axios的get请求调用方式

  methods:{getit(){axios.get('https://api.oioweb.cn/api/common/OneDayEnglish', {params: {// 请求参数}}).then( (response)=> {// 请求成功回调函数console.log(response.data);this.cn = response.data.result.note;this.en = response.data.result.content;this.imgurl = response.data.result.img;}).catch(function (error) {//请求失败回调函数console.log(error);});},}

获取结果示例:


3.随机一句诗

API地址:https://v1.jinrishici.com/rensheng.txt

Axios的get请求调用方式

  methods:{getit(){axios.get('https://v1.jinrishici.com/rensheng.txt', {params: {// 请求参数}}).then( (response)=> {// 请求成功回调函数console.log(response.data);this.cn = response.data;}).catch(function (error) {//请求失败回调函数console.log(error);});},}

获取结果示例:


4.随机一句话

API地址:

https://api.kekc.cn/api/yiyan

https://api.kekc.cn/api/wawr

Axios的get请求调用方式

  methods:{getit(){axios.get('https://api.kekc.cn/api/yiyan', {params: {// 请求参数}}).then( (response)=> {// 请求成功回调函数console.log(response.data);this.cn = response.data;}).catch(function (error) {//请求失败回调函数console.log(error);});},}

获取结果示例:


5.随机一句情话

API地址:https://api.uomg.com/api/rand.qinghua

Axios的get请求调用方式

  methods:{getit(){axios.get('https://api.uomg.com/api/rand.qinghua', {params: {// 请求参数}}).then( (response)=> {// 请求成功回调函数console.log(response.data);this.cn = response.data.content;}).catch(function (error) {//请求失败回调函数console.log(error);});},}

获取结果示例:


6. 随机一句舔狗语录

API地址:http://api.kekc.cn/api/tiangou

Axios的get请求调用方式

  methods:{getit(){axios.get('http://api.kekc.cn/api/tiangou', {params: {// 请求参数}}).then( (response)=> {// 请求成功回调函数console.log(response.data);this.cn = response.data;}).catch(function (error) {//请求失败回调函数console.log(error);});},}

获取结果示例:


7.历史上的今天

API地址:https://api.oioweb.cn/api/common/history

Axios的get请求调用方式(需要注意的是会生成数组,此处仅使用了第一个元素)

  methods:{getit(){axios.get('https://api.oioweb.cn/api/common/history', {params: {// 请求参数}}).then( (response)=> {// 请求成功回调函数console.log(response.data);this.year = response.data.result[0].year;this.title = response.data.result[0].title;this.link = response.data.result[0].link;this.desc = response.data.result[0].desc;}).catch(function (error) {//请求失败回调函数console.log(error);});},}

 获取结果示例:


8.获取来访者ip地址

API地址:https://api.kekc.cn/api/getip

Axios的get请求调用方式

  methods:{getit(){axios.get('http://api.kekc.cn/api/getip', {params: {// 请求参数}}).then( (response)=> {// 请求成功回调函数console.log(response.data);this.ipadd = response.data;}).catch(function (error) {//请求失败回调函数console.log(error);});},}

获取结果示例:

 


9:获取手机号信息

API地址:https://api.oioweb.cn/api/common/teladress?mobile=10086

Axios的get请求调用方式(需要注意的是该api需要后缀11位手机号作为参数)

  methods:{getit(){axios.get('https://api.oioweb.cn/api/common/teladress?mobile=15990000000', {params: {// 请求参数}}).then( (response)=> {// 请求成功回调函数console.log(response.data);this.prov = response.data.result.prov;this.city = response.data.result.city;this.name = response.data.result.name;this.postcode = response.data.result.postCode;}).catch(function (error) {//请求失败回调函数console.log(error);});},}

获取结果示例:


10. 垃圾分类查询

API地址:https://api.oioweb.cn/api/common/rubbish?name=香蕉

Axios的get请求调用方式(需要注意的是该api需要后缀要查询的垃圾名称作为参数)

  methods:{getit(){axios.get('https://api.oioweb.cn/api/common/rubbish?name=香蕉', {params: {// 请求参数}}).then( (response)=> {// 请求成功回调函数console.log(response.data);this.contain = response.data.result[0].contain;this.explain = response.data.result[0].explain;this.name = response.data.result[0].name;this.tip = response.data.result[0].tip;}).catch(function (error) {//请求失败回调函数console.log(error);});},}

 获取结果示例:


11.字典查询

API地址:https://api.oioweb.cn/api/txt/dict?text=棒

 Axios的get请求调用方式(需要注意的是该api需要后缀要查询的字作为参数)

  methods:{getit(){axios.get('https://api.oioweb.cn/api/txt/dict?text=棒', {params: {// 请求参数}}).then( (response)=> {// 请求成功回调函数console.log(response.data);this.pinyin = response.data.result.pinyin;}).catch(function (error) {//请求失败回调函数console.log(error);});},}

需要注意的是get到的结果中包含了基础释义和详细释义,可视情况获取,本例中只取用拼音

 获取结果示例:


12.QQ信息查询

APD地址:https://api.oioweb.cn/api/qq/info?qq=12345

 Axios的get请求调用方式(需要注意的是该api需要后缀要查询的QQ号作为参数)

  methods:{getit(){axios.get('https://api.oioweb.cn/api/qq/info?qq=12345', {params: {// 请求参数}}).then( (response)=> {// 请求成功回调函数console.log(response.data);this.age = response.data.result.age;this.nickname = response.data.result.nickname;this.sex = response.data.result.sex;}).catch(function (error) {//请求失败回调函数console.log(error);});},}

 获取结果示例:


补充:

在需要参数的API中可以使用params传递参数,例如12中可以在页面中添加输入框,再在js中拿到输入框的值并传递给axios请求地址中获取结果:

    <input type="text" id="qqInput"><button @click="getit()">发送请求</button>methods:{getit(){var qq = document.getElementById('qqInput').value;axios.get('https://api.oioweb.cn/api/qq/info', {params: {// 请求参数qq:qq}}).then( (response)=> {// 请求成功回调函数console.log(response.data);this.age = response.data.result.age;this.nickname = response.data.result.nickname;this.sex = response.data.result.sex;}).catch(function (error) {//请求失败回调函数console.log(error);});},}

 获取结果示例:


未完待续... (侵删)

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/148784.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

Mybatis-Plus《学习笔记 22版尚硅谷 》——感谢【尚硅谷】官方文档

Mybatis-Plus《学习笔记 22版尚硅谷 》 一、MyBatis-Plus1.简介2.特性3.支持数据库4.框架结构5.官方地址 二、入门案例1.开发环境2.建库建表3.创建工程4.配置编码5.测试查询 三、增删改查1.BaseMapper<T>2.调用Mapper层实现CRUD2.1 插入2.2 删除a、根据ID删除数据b、根据…

Node.js之TCP(net)

Hi I’m Shendi Node.js之TCP&#xff08;net&#xff09; 最近使用Nodejs编写程序&#xff0c;需要用到自己编写的分布式工具&#xff0c;于是需要将Java版的用NodeJs重新写一遍&#xff0c;需要使用到TCP通信&#xff0c;于是在这里记录下Node.js TCP 的使用方法 依赖 需要使…

【Python进阶】近200页md文档14大体系知识点,第4篇:linux命令和vim使用

本文从14大模块展示了python高级用的应用。分别有Linux命令&#xff0c;多任务编程、网络编程、Http协议和静态Web编程、htmlcss、JavaScript、jQuery、MySql数据库的各种用法、python的闭包和装饰器、mini-web框架、正则表达式等相关文章的详细讲述。 全套Python进阶笔记地址…

黑马程序员 计算机网络(笔记)

参考文章&#xff1a;【黑马程序员】计算机网络概述~ 程序员必须掌握的入门基础知识&#xff01; 参考文章&#xff1a;黑马程序员Linux运维工作场景解决方案零基础到就业 参考文章&#xff1a;网络安全运维进阶教程&#xff0c;运维工程师深度学习教程 文章目录 linux入门到…

Jenkinsfile+Dockerfile前端vue自动化部署

前言 本篇主要介绍如何自动化部署前端vue项目 其中&#xff0c;有两种方案&#xff1a; 第一种是利用nginx进行静态资源转发&#xff1b;第二种方案是利用nodejs进行启动访问&#xff1b; 各个组件版本如下&#xff1a; Docker 最新版本&#xff1b;Jenkins 2.387.3nginx …

基于STC12C5A60S2系列1T 8051单片的模数芯片ADC0809实现模数转换应用

基于STC12C5A60S2系列1T 8051单片的模数芯片ADC0809实现模数转换应用 STC12C5A60S2系列1T 8051单片机管脚图STC12C5A60S2系列1T 8051单片机I/O口各种不同工作模式及配置STC12C5A60S2系列1T 8051单片机I/O口各种不同工作模式介绍模数芯片ADC0809介绍通过模数芯片ADC0809把电压模…

Flutter笔记:拖拽手势

Flutter笔记 拖拽手势 作者&#xff1a;李俊才 &#xff08;jcLee95&#xff09;&#xff1a;https://blog.csdn.net/qq_28550263 邮箱 &#xff1a;291148484163.com 本文地址&#xff1a;https://blog.csdn.net/qq_28550263/article/details/134485123 目 录 1. 概述2. 垂直拖…

Adobe Illustrator——原创设计的宝藏软件

今天&#xff0c;我们来谈谈一款在Adobe系列中曾经多次给大家都提到的原创性极强的设计理念丰富的矢量图形编辑软件——Adobe Illustrator。 Adobe Illustrator&#xff0c;其定位是一款与Photoshop相类似对矢量图形进行编辑的软件。 Adobe Illustrator&#xff0c;作为全球最著…

【自然语言处理】【大模型】赋予大模型使用工具的能力:Toolformer与ART

赋予大模型使用工具的能力&#xff1a;Toolformer与ART ​ 本文介绍两种赋予大模型使用外部工具能力的方法&#xff1a;Toolformer和ART。 Toolformer论文地址&#xff1a;https://arxiv.org/pdf/2302.04761.pdf ART论文地址&#xff1a;https://arxiv.org/pdf/2303.09014.pd…

学习网络编程No.10【深入学习HTTPS】

引言&#xff1a; 北京时间&#xff1a;2023/11/14/18:45&#xff0c;因为种种原因&#xff0c;上个月的文章昨天才更新&#xff0c;目前处于刷题前夕&#xff0c;算法课在看了。这次和以前不一样&#xff0c;因为以前对知识框架没有很好的理念&#xff0c;并不清楚相关知识要…

三天吃透Redis面试八股文

目录&#xff1a; Redis是什么&#xff1f;Redis优缺点&#xff1f;Redis为什么这么快&#xff1f;讲讲Redis的线程模型&#xff1f;Redis应用场景有哪些&#xff1f;Memcached和Redis的区别&#xff1f;为什么要用 Redis 而不用 map/guava 做缓存?Redis 数据类型有哪些&…

环境配置|GitHub——解决Github无法显示图片以及README无法显示图片

一、问题背景 最近在整理之前写过的实验、项目&#xff0c;打算把这些东西写成blog&#xff0c;并把工程文件整理上传到Github上。但在上传README文件的时候&#xff0c;发现github无法显示README中的图片&#xff0c;如下图所示&#xff1a; 在README中该图片路径为&#xff1…

Flutter笔记:缩放手势

Flutter笔记 缩放手势 作者&#xff1a;李俊才 &#xff08;jcLee95&#xff09;&#xff1a;https://blog.csdn.net/qq_28550263 邮箱 &#xff1a;291148484163.com 本文地址&#xff1a;https://blog.csdn.net/qq_28550263/article/details/134485138 目 录 1. 概述2. 缩放手…

FlinkCDC数据实时同步Mysql到ES

考大家一个问题&#xff0c;如果想要把数据库的数据同步到别的地方,比如es,mongodb,大家会采用哪些方案呢&#xff1f; ::: 定时扫描同步&#xff1f; 实时日志同步? 定时同步是一个很好的方案&#xff0c;比较简单&#xff0c;但是如果对实时要求比较高的话&#xff0c;定…

【开源】基于Vue.js的智能教学资源库系统

项目编号&#xff1a; S 050 &#xff0c;文末获取源码。 \color{red}{项目编号&#xff1a;S050&#xff0c;文末获取源码。} 项目编号&#xff1a;S050&#xff0c;文末获取源码。 目录 一、摘要1.1 项目介绍1.2 项目录屏 二、功能模块2.1 数据中心模块2.2 课程档案模块2.3 课…

quinn源码解析:QUIC数据包是如何发送的

quinn源码解析&#xff1a;QUIC数据包是如何发送的 简介QUIC协议中的概念endpoint&#xff08;端点&#xff09;connection&#xff08;连接&#xff09;Stream&#xff08;流&#xff09;Frame (帧) 发包过程解析SendStream::write_allConnectionDriverEndpointDriver 简介 q…

R语言和RStudio的下载安装(非常简便舒适)

目录 R语言和RStudio的关系R语言和Tableau下载R语言进入官网选择清华镜像源Download R for Windows选择base版本开始下载进行安装配置环境变量检查是否安装成功 下载RStudio进入官网点击下载进行安装检查是否安装成功打开选择R语言环境成功打开显示四个工作区 R语言和RStudio的…

【预处理详解】

提示&#xff1a;文章写完后&#xff0c;目录可以自动生成&#xff0c;如何生成可参考右边的帮助文档 目录 前言 1. 预定义符号 2. #define定义常量 3. #define定义宏 4. 带有副作用的宏参数 5. 宏替换的规则 6. 宏函数的对比 7. #和## 7.1 #运算符 7.2 ## 运算符 8. 命名约定 …

你知道什么是SaaS吗?

你知道什么是SaaS吗&#xff1f; 云服务架构的三个概念 PaaS 英文就是 Platform-as-a-Service&#xff08;平台即服务&#xff09;PaaS&#xff0c;某些时候也叫做中间件。就是把客户采用提供的开发语言和工具&#xff08;例如Java&#xff0c;python, .Net等&#xff09;开…

计算两个向量的叉积numpy.cross()

【小白从小学Python、C、Java】 【计算机等考500强证书考研】 【Python-数据分析】 计算两个向量的叉积 numpy.cross() [太阳]选择题 请问代码中最后输出正确的是&#xff1f; import numpy as np a np.array([1, 2, 3]) b np.array([4, 5, 6]) c np.cross(a, b) pri…