微信小程序封装请求功能函数---ajax

时间:2020-12-19 12:18:28   收藏:0   阅读:2

在根目录下新建一个文件夹

技术图片

 

 

在utils下新建两个技术图片

技术图片js文件

 

在config.js文件下导出静态路径

技术图片

 

 

在request.js下引入config.js文件

技术图片

导出数据,动态数据要抽取成参数url,data,method(请求的方式,post,get)默认get 

export default (url,data={},method=‘GET’)=>{

  return new Promise((resolve,reject)=>{ //返回一个promise的数据

      //new Promise 初始化 Promise实例的状态为pending

    wx.request({

      url:config.host + url,

      data,

      method,

      success:(res)=>{

        console.log(‘请求成功‘,res)

        resolve(res); //将异步数据传出

      },

      fail:(err)=>{

        console.log(‘请求失败‘,res)

        reject(err);

      }

    })

  })

  

}

 
导入js文件到要发送请求后台的地方
技术图片

 

 

 

使用 async await解决异步无值传回为空的问题

技术图片

 

 

 

 


 

 

评论(0
© 2014 mamicode.com 版权所有 京ICP备13008772号-2  联系我们:gaon5@hotmail.com
迷上了代码!