Maison >Applet WeChat >Développement de mini-programmes >Le mini programme implémente l'encapsulation de la publication et obtient

Le mini programme implémente l'encapsulation de la publication et obtient

小云云
小云云original
2018-01-31 14:21:242799parcourir

Cet article vous présente principalement les informations pertinentes sur l'encapsulation de la méthode post et de la méthode get dans l'applet WeChat, afin que vous puissiez maîtriser comment l'encapsuler. Les amis qui en ont besoin pourront s'y référer. peut vous aider.

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

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

La deuxième étape : Créez le code de la méthode httpPost de la fonction comme suit :


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

Recommandations associées :

Partage d'exemples de code pour soumettre des données en post et obtenir des méthodes en Python

Un bref analyse de Jquery AJAX POST et la différence d'utilisation entre GET

Bases de PHP POST et GET

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!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn