小程序异步请求封装

封装请求方法体

//请求地址
let bastUrl='http://xxx' 


//url 是接口名 ，和bastUrl拼接成完整地址，懂我意思吧（0.0）
//parmas 是带的参数格式是应该对象
//	{
//		a:'a',
//		b:'b'
//	}

function res(url,parmas){
  return new Promise((reslove,reject)=>{
    wx.request({
      url: bastUrl+url,
      data:parmas,
      header:{
        'content-type': 'application/json',
      },
      success(res){
        reslove(res)
      },
      fail(err){
        reject(err)
      }
    })
  })
}

export{res}

接口集中处理

const res =require('./apiFun')   //引用

//首页导航栏
export const bannerData=(parmas)=>{return res.res('/api')}

//商品数据
export const shopData=(parmas)=>{   return res.res('/api',parmas)}

//商品详情
export  const getDetail =(parmas)=>{return res.res('/api',parmas)}

调用

const homeApi = require('../../api/homeapi')  //引用

	//调用
	homeApi.bannerData().then(res=>{
      console.log(res)
    }).catch(err=>{
      console.log(err)
    })
	
	//带参数调用
    homeApi.shopData({type:'a',page:'1'}).then(res=>{
      console.log(res)    
    }).catch(err=>{
      console.log(err)
    })