微信小程序 网络请求post方法的封装

前端之家收集整理的这篇文章主要介绍了微信小程序 网络请求post方法的封装前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
方法)
/**
 * 
 * url:网络请求的url
 * params:发送的数据
 * success:成功的回调函数
 * fail:失败的回调
 * message:loading的提示信息(可选项)
 */
function request(url,params,success,fail,message) {
  if (message == null) {
    message = "";
  }
  requestLoading(url,message,fail);
}
// 具体执行函数
function requestLoading(url,fail) {
  wx.showNavigationBarLoading(); // 顶部bar的loading效果
  // 如果有提示显示
  if (message != "") {
    // 显示加载
    wx.showLoading({
      title: message
    })
  } else {
    wx.showLoading({
      title: "正在加载"
    })
  }
  // 调用接口发起请求
  wx.request({
    url: url,data: params,header: {
      // "Content-Type": "applycation/json"
      "content-type": "application/x-www-form-urlencoded" // 默认请求header
    },method: 'post',success: function (res) {
      wx.hideNavigationBarLoading();
      wx.hideLoading();
      //console.log(res);// 打印请求成功后返回的信息
      if (res.statusCode == 200) {
        success(res.data)
      } else {
        fail(res)
      }
    },fail: function (res) {
      wx.hideNavigationBarLoading();
      wx.hideLoading();
      fail(res)
    }
  })
}

module.exports = {
request: request
}

使用
// 引入
var api = require('../../utils/api.js');

search: function() {
let _this = this;
api.request('https://www.kuaidi100.com/query',{
type:"yuantong",postid: _this.data.num
},function(res) {
console.log(res);
},function(res) {
console.log(res)
},"皇上,臣正在努力加载中!");
}

猜你在找的微信小程序相关文章