Encapsulation de la méthode post et de la méthode get dans l'applet WeChat

Cet article présente principalement les informations pertinentes sur l'emballage de la méthode post et de la méthode get dans l'applet WeChat. J'espère que cet article pourra aider tout le monde et permettre à tout le monde de savoir comment encapsuler. Les amis dans le besoin pourront s'y référer

Méthode de publication de développement d'applet WeChat et obtenir l'encapsulation de la méthode

Étape 1 : Créez le fichier httpUtil.js dans le dossier utils

Étape 2 : Le code à créer la méthode httpPost de la fonction est la suivante :

function Post(url, data, cb, isShow, showNetError, that, showLoading) {
 if (showLoading == true || showLoading == undefined){
  wx.showNavigationBarLoading();
  wx.showLoading({
   title: '加载中...',
  })
 } 
 var basicData = {
  vloginPwd: api.vloginPwd,
  vtoken: api.vtoken
 }
 if (!isEmpty(data)) {
  for (var key in data) {
   try {
    basicData[key] = data[key];
   } catch (e) { }
  }
 }
 wx.request({
  url: url,
  header: { 'content-type': 'application/x-www-form-urlencoded' },
  method: 'POST',
  data: basicData,
  success: (res) => {   
   if (res.data.state == 200) {
    typeof cb == "function" && cb(res.data, "");
   } else {
    if (isShow == true) {
     wx.showModal({
      title: '提示',
      content: res.data.msg,
      showCancel: false      
     })
    }
   }
  },
  fail: (err) => {
   if (showNetError) {
    that.setData({
     errorDisplay:'',
     containHidden:true
    })
   }   
  },
  complete: (res) => {   
   setTimeout(function () {
    wx.hideNavigationBarLoading();
    wx.hideLoading();
   }, 100)  
  }
 });
};

La troisième étape consiste à ajouter dans le module :

module.exports = {
 httpGet: Get,
 httpPost: Post 
};

La quatrième étape consiste à introduire

var httpUtil = require('../../utils/HttpHelper.js')

La cinquième étape consiste à utiliser

onload:function(option){
  var that = this;
  httpUtil.httpPost(api.getListUrl, jsonData, function (res) {
   wx.showModal({
    title: '提示',
    content: res.msg,
    showCancel: false,
    confirmText:"查看",
    success: function (res) {
     console.log("res.data===", res.data);
     if (res.confirm) {
      that.toDetail(res.data);
     }
    }
   })
  }, true, true, this);
}

Ce qui précède est l'intégralité du contenu de cet article. J'espère qu'il sera utile à l'étude de chacun. Pour plus de contenu connexe, veuillez faire attention au site Web PHP chinois !

Recommandations associées :

Demandes de réseau (demandes de publication et d'obtention) dans l'applet WeChat

Applet WeChat Exécution séquentielle de promsie.all et promise

Introduction à l'encapsulation de l'interface de requête d'applet WeChat

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!