Explication détaillée de l'encapsulation de la requête http de l'applet WeChat

Mini programme WeChat httpDemande d'encapsulation

Exemple de code

wx.request({
 url: 'test.php', //仅为示例，并非真实的接口地址
 data: {
   x: '' ,
   y: ''
 },
 method:'POST',
 header: {
   'content-type': 'application/json'
 },
 success: function(res) {
  console.log(res.data)
 },
 fail: function( res ) {
   fail( res );
  }
})

Ce qui précède est le code de requête http de base du mini programme Dans le code réel, s'il fait cela à chaque fois, l'écriture est relativement lourde, alors faisons un peu d'encapsulation.

À quoi prêtons-nous le plus attention dans le code ?

1. Paramètres de requête, interface d'accès
2. Méthode de requête GET/POST
3 Les paramètres de requête sont traités de manière uniforme (par exemple : cryptage, définition publique. Paramètres...)
4. Données renvoyées par requête réussie (par exemple : décryptage, extraction des données de la couche logique)
5. Retour sur requête échouée

À quoi ne prêtons-nous pas attention ?

1. URL de la demande (configuration généralement corrigée quelque part)
2. Créez différents paramètres de requête en fonction de différentes règles d'interface (telles que le cryptage des paramètres, etc.)
...

Pratirons le code

network.js

var API_URL = 'http://localhost/loverule/api/api.php'
 
var requestHandler = {
  params:{},
  success: function(res){
    // success
  },
  fail: function() {
    // fail
  },
}
 
//GET请求
function GET(requestHandler) {
  request('GET',requestHandler)
}
//POST请求
function POST(requestHandler) {
  request('POST',requestHandler)
}
 
function request(method,requestHandler) {
  //注意：可以对params加密等处理
  var params = requestHandler.params;
 
  wx.request({
   url: API_URL,
   data: params,
   method: method, // OPTIONS, GET, HEAD, POST, PUT, DELETE, TRACE, CONNECT
   // header: {}, // 设置请求的 header
   success: function(res){
    //注意：可以对参数解密等处理
    requestHandler.success(res)
   },
   fail: function() {
    requestHandler.fail()
   },
   complete: function() {
    // complete
   }
  })
}
 
module.exports = {
 GET: GET,
 POST: POST
}

Appel dans la page (prenons la requête GET comme exemple)

//Import js

var network = require("../../utils/network.js")
 
//写入参数
var params = new Object()
params.api_name = "api_user_login"
params.account = "hanqing"
params.password = "123456"
 
//发起请求
network.GET(
{
  params: params,
  success: function (res) {
   console.log(res)
   //拿到解密后的数据，进行代码逻辑
 
  },
  fail: function () {
   //失败后的逻辑
 
  },
})

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!