封装微信小程序request请求

//创建一个js文件  抛出
export const getRequest = (url, data = {}) => {
  wx.showLoading({ title: "加载中" })    
  return new Promise((resolve, reject) => {
    wx.request({
      url, //仅为示例,并非真实的接口地址
      data,     //data为对象 
      method: "get",
      success(res) {
        resolve(res.data)   //成功回调
      },
      fail(err) {
        reject(err)    //失败回调
      },
      complier() {
        wx.hideLoading()      //关闭loading
      }
    })
  })
}
export function postRequest(url, data = {}) {
  console.log(this);
  return new Promise((resolve, reject) => {
    wx.request({
      url, //仅为示例,并非真实的接口地址
      data,
      method: "post",
      header: {
        'content-type': 'application/x-www-form-urlencoded' // 默认值
      },
      success(res) {
        resolve(res.data)
        console.log(res.data)
      },
      fail(err) {
        reject(err)
      }
    })
  })
}

//引入公共路径
const { tags } = require('../../utils/api.js');   
//在需要的组件中引入
//get请求 getRequest
//post请求 postRequest
import {getRequest,postRequest} from "../../utils/request";   //自行改路径

getApi(){
	//tags 为url路径
	//data为对象,默认空对象,需要传参就用,不需要就不传
	getRequest(tags,data).then((res)=>{
		console.log(res)
		//接收成功的回调数据
	})
}

//使用时候调用方法  this.getApi()

//提取公共路径 
//创建一个js文件
const baseUrl = 'http://localhost:3000';   //公共路径
const api ={
  tags:baseUrl+'/playlist/highquality/tags',   //举例 类型
  typesongs:baseUrl +'/playlist/detail',    //举例歌曲列表
}
//抛出
module.exports ={
  ...api
}
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值