记录我常用的免费API接口

凉风听雪2023-11-17 12:19

目录

1.随机中英文句子

2.随机中英文句子（带图片和音频）

3.随机一句诗

4.随机一句话

5.随机一句情话

[6. 随机一句舔狗语录](#6. 随机一句舔狗语录)

7.历史上的今天

8.获取来访者ip地址

9：获取手机号信息

[10. 垃圾分类查询](#10. 垃圾分类查询)

11.字典查询

12.QQ信息查询

1.随机中英文句子

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

Axios的get请求调用方式

javascript 复制代码 
  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请求调用方式

javascript 复制代码 
  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请求调用方式

javascript 复制代码 
  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请求调用方式

javascript 复制代码 
  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请求调用方式

javascript 复制代码 
  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请求调用方式

javascript 复制代码 
  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请求调用方式(需要注意的是会生成数组，此处仅使用了第一个元素)

javascript 复制代码 
  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请求调用方式

javascript 复制代码 
  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位手机号作为参数）

javascript 复制代码 
  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需要后缀要查询的垃圾名称作为参数）

javascript 复制代码 
  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需要后缀要查询的字作为参数）

javascript 复制代码 
  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号作为参数）

javascript 复制代码 
  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请求地址中获取结果：

javascript 复制代码 
    <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);
        });
    },
  }

获取结果示例：

未完待续... （侵删）

相关推荐
艾小码2 分钟前
前端人必看！3个技巧让你彻底搞懂JS条件判断与循环
前端·javascript
灵感__idea8 小时前
Hello 算法：让前端人真正理解算法
前端·javascript·算法
向葭奔赴♡8 小时前
CSS是什么？—— 网页的“化妆师”
前端·css
黑犬mo8 小时前
在Edge、Chrome浏览器上安装uBlock Origin插件
前端·edge
excel8 小时前
🧩 Vue 3 watch 源码详解（含完整注释）
前端·javascript·vue.js
大前端helloworld8 小时前
前端梳理体系从常问问题去完善-网络篇
前端·面试
excel8 小时前
🌿 一文看懂 Vue 3 的 watch 源码：从原理到流程
前端
繁依Fanyi9 小时前
让工具说话：我在 Inspira Board 里用 AI 把“能用、好用、可复用”落成了日常
前端
weixin_4569042710 小时前
C# 中的回调函数
java·前端·c#
kura_tsuki10 小时前
[Web网页] LAMP 架构与环境搭建
前端·架构
热门推荐
01BongoCat - 跨平台键盘猫动画工具02智能库存管理的需求预测模型：从业务痛点到落地代码的完整实践03两千字总结：Codex 国内如何安装和使用的教程，以及如何设置中文回答04GitHub 镜像站点052025羊城杯网络安全大赛 wp06UV安装并设置国内源07Linux下V2Ray安装配置指南08Spring Boot 实现微信登录，So Easy !0946个Nano-banana 精选提示词，持续更新中105大DOM/BOM核心考点：从入门到精通，让面试官眼前一亮