记录我常用的免费API接口

目录

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);
        });
    },
  }

获取结果示例:


未完待续... (侵删)

相关推荐
gongzemin11 分钟前
React 和 Vue3 在事件传递的区别
前端·vue.js·react.js
Apifox24 分钟前
如何在 Apifox 中通过 Runner 运行包含云端数据库连接配置的测试场景
前端·后端·ci/cd
树上有只程序猿1 小时前
后端思维之高并发处理方案
前端
庸俗今天不摸鱼1 小时前
【万字总结】前端全方位性能优化指南(十)——自适应优化系统、遗传算法调参、Service Worker智能降级方案
前端·性能优化·webassembly
黄毛火烧雪下2 小时前
React Context API 用于在组件树中共享全局状态
前端·javascript·react.js
Apifox2 小时前
如何在 Apifox 中通过 CLI 运行包含云端数据库连接配置的测试场景
前端·后端·程序员
一张假钞2 小时前
Firefox默认在新标签页打开收藏栏链接
前端·firefox
高达可以过山车不行2 小时前
Firefox账号同步书签不一致(火狐浏览器书签同步不一致)
前端·firefox
m0_593758102 小时前
firefox 136.0.4版本离线安装MarkDown插件
前端·firefox
掘金一周2 小时前
金石焕新程 >> 瓜分万元现金大奖征文活动即将回归 | 掘金一周 4.3
前端·人工智能·后端