2025年3月19日 星期三 甲辰(龙)年 月十八 设为首页 加入收藏
rss
您当前的位置:首页 > 计算机 > 编程开发 > JavaScript

js封装网易云api请求

时间:08-26来源:作者:点击数:40

封装axios,以及封装网易云音乐api文档中的所有请求

封装号的js文件地址Github:云博前端项目-网易云音乐api封装后的js文件地址

向将axios请求封装

  • npm install axios -s

封装的请求函数文件,通过传入type=GET/POST/PUT/DELETE分别发送

axios.get(url)和

axios.post(url,data)

  • /*
  • ajax请求函数模块
  • 返回值: promise对象(异步返回的数据是: response.data)
  • 其它请求使用axios.post请求数据,比如type='PUT'
  • */
  • import axios from 'axios'
  • export default function ajax (url, data={}, type='GET') {
  • return new Promise(function (resolve, reject) {
  • // 执行异步ajax请求
  • let promise;
  • if (type === 'GET') {
  • // 准备url query参数数据
  • let dataStr = '';
  • //数据拼接字符串
  • Object.keys(data).forEach(key => {
  • dataStr += key + '=' + data[key] + '&'
  • });
  • if (dataStr !== '') {
  • dataStr = dataStr.substring(0, dataStr.lastIndexOf('&'));
  • url = url + '?' + dataStr
  • }
  • // 发送get请求
  • promise = axios.get(url)
  • } else {
  • // 发送post请求
  • promise = axios.post(url, data)
  • }
  • promise.then(function (response) {
  • // 成功了调用resolve()
  • resolve(response.data)
  • }).catch(function (error) {
  • //失败了调用reject()
  • reject(error)
  • })
  • })
  • }
文件目录结构

调用的例子

例如邮箱登录的封装函数

  • const apiUrl='http://www.huashengshu.top:3000';//网易云音乐服务器地址,服务器搭建访问前面文档地址:https://binaryify.github.io/NeteaseCloudMusicApi/#/?id=安装
  • import ajax from '../../ajax'; //导入封装的axios
  • /**
  • * 邮箱登录
  • * @param email 邮箱号
  • * @param password 密码
  • * @returns {Promise<unknown>}
  • */
  • export const reqLoginEmail = (email,password)=>ajax(`${apiUrl}/login/`,{email,password});
  • import {reqLoginEmail} from "@/api/music/163/163musicApi";//导入函数
  • //调用邮箱登录函数
  • async test() {
  • const result = await reqLoginEmail('邮箱','密码');
  • console.log(result);//获得到的数据result
  • }
方便获取更多学习、工作、生活信息请关注本站微信公众号城东书院 微信服务号城东书院 微信订阅号
推荐内容
相关内容
栏目更新
栏目热门