Das Miniprogramm implementiert die Kapselung von Post und Get

In diesem Artikel werden Ihnen hauptsächlich die relevanten Informationen zur Kapselung der Post-Methode und der Get-Methode im WeChat-Applet vorgestellt, damit Sie wissen, wie Sie sie kapseln können kann dir helfen.

Kapselung der Post-Methode und der Get-Methode in der WeChat-Applet-Entwicklung

Schritt 1: Erstellen Sie die Datei httpUtil.js im Ordner „utils“

Der zweite Schritt: Erstellen Sie den Funktionscode der httpPost-Methode wie folgt:

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)  
  }
 });
};

Im dritten Schritt fügen Sie das Modul hinzu:

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

Der vierte Schritt ist die Einführung von

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

Der fünfte Schritt ist die Verwendung von

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);
}

Verwandte Empfehlungen:

Teilen von Codebeispielen für die Übermittlung von Daten per Post und Get-Methoden in Python

Eine kurze Beschreibung Analyse von Jquery AJAX POST und dem Nutzungsunterschied zwischen GET

PHP-Grundlagen POST und GET

Das obige ist der detaillierte Inhalt vonDas Miniprogramm implementiert die Kapselung von Post und Get. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!