小程序数据请求方法封装

comm.js 文件

// comm.js 文件
// 展示进度条的网络请求
// url:网络请求的url
// params:请求参数
// message:进度条的提示信息
// success:成功的回调函数
// fail:失败的回调
//其他参数可以自定义传入
function requestAjax(url, data, message, success, fail) {
  // console.log(data)
  wx.showNavigationBarLoading()
  if (message != "") {
    wx.showLoading({
      title: message,
    })
  }
  wx.request({
  //可以写上请求的域名  后期改测试服正式服 改一个地方就可以 前缀写上后期上线改地址好改
    url: 'https://www.baidu.com'+url,
    // url='/index/video'
    data: postData,
    header: {
      //'Content-Type': 'application/json' 默认
      'content-type': 'application/x-www-form-urlencoded',
      //'Token':token,根据自己的接口写header的传参
      //'Logintime': logintime
    },
    method: 'post',//方法也可以改成变量 传入
    success: function (res) {
      //console.log(res.data)
      wx.hideNavigationBarLoading()
      if (message != "") {
        wx.hideLoading()
      }
      if (res.statusCode == 200) {
        success(res.data)
      } else {
        fail()
      }

    },
    fail: function (res) {
      wx.hideNavigationBarLoading()
      if (message != "") {
        wx.hideLoading()
      }
      fail()
    },
    complete: function (res) {

    },
  })
}
module.exports = {
  requestAjax: requestAjax,
}
//这里必须写上  否则小程序调取不到方法 我前面文章有写到怎么调用方法

请求页面

const comm=require('../../utils/comm.js')
Page({
	data:{},
	onLoad(){
		let dataList={userId:'1',name:'张三'}
		comm.requestAjax('index/video',dataList,'正在加载',function(res){
			console.log(res)//请求成功回调
		},function(res){
			console.log(res)//请求失败回调
		})
	}
})

猜你喜欢

转载自blog.csdn.net/j244233138/article/details/90806911