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

小云云
Libérer: 2018-01-31 14:21:24
original
2804 Les gens l'ont consulté

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)  
  }
 });
};
Copier après la connexion

La troisième étape, ajoutez le module :


module.exports = {
 httpGet: Get,
 httpPost: Post 
};
Copier après la connexion

La quatrième étape consiste à introduire


var httpUtil = require('../../utils/HttpHelper.js')
Copier après la connexion

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);
}
Copier après la connexion

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!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal