Encapsulation et amélioration des requêtes réseau pour les mini programmes WeChat-Développement de mini-programmes-php.cn

Encapsulation et amélioration des requêtes réseau pour les mini programmes WeChat

PHPz

Libérer： 2017-04-02 14:57:29

original

1521 Les gens l'ont consulté

Tout d'abord, déclarez un bug dans le document du mini programme, qui empêchait le serveur de recevoir les paramètres lors des requêtes

Exemple de code :

wx.request({
 url: &#39;test.php&#39;, //仅为示例，并非真实的接口地址
 data: {
 x: &#39;&#39; ,
 y: &#39;&#39;
 },
 header: {
 &#39;Content-Type&#39;: &#39;application/json&#39;
 },
 success: function(res) {
 console.log(res.data)
 }
})

Copier après la connexion

L'en-tête dans Content- Tapez, vous devez utiliser un type de contenu en minuscules pour permettre au serveur de recevoir des paramètres. J'ai du mal depuis longtemps et cela ne fonctionne toujours pas après avoir changé de serveur. Il s'avère que c'est là le problème. Le paramètre est dans la charge utile de la requête et le serveur ne peut pas le recevoir. Après avoir utilisé la conversion suivante

function json2Form(json) {
 var str = [];
 for(var p in json){
 str.push(encodeURIComponent(p) + "=" + encodeURIComponent(json[p]));
 }
 return str.join("&");
}

Copier après la connexion

, il est finalement considéré comme un problème de type de contenu. En fin de compte, ce n'était pas grave si je le changeais en minuscules. J'avais l'impression que WeChat, une équipe tellement géniale, avait commis une erreur de très bas niveau et frustré les développeurs. Ne me dites pas, entrons dans le code.

1. Classe de requête HTTP

import util from &#39;util.js&#39;;
/**
 * url 请求地址
 * success 成功的回调
 * fail 失败的回调
 */
function _get( url, success, fail ) {
 
 console.log( "------start---_get----" );
 wx.request( {
 url: url,
 header: {
  // &#39;Content-Type&#39;: &#39;application/json&#39;
 },
 success: function( res ) {
  success( res );
 },
 fail: function( res ) {
  fail( res );
 }
 });
 console.log( "----end-----_get----" );
}
/**
 * url 请求地址
 * success 成功的回调
 * fail 失败的回调
 */
function _post_from(url,data, success, fail ) {
 console.log( "----_post--start-------" );
 wx.request( {
 url: url,
 header: {
  &#39;content-type&#39;: &#39;application/x-www-form-urlencoded&#39;,
 },
 method:&#39;POST&#39;,
 data:{data: data},
 success: function( res ) {
  success( res );
 },
 fail: function( res ) {
  fail( res );
 }
 });
 console.log( "----end-----_get----" );
}
 
 /**
 * url 请求地址
 * success 成功的回调
 * fail 失败的回调
 */
function _post_json(url,data, success, fail ) {
 console.log( "----_post--start-------" );
 wx.request( {
 url: url,
 header: {
  &#39;content-type&#39;: &#39;application/json&#39;,
 },
 method:&#39;POST&#39;,
 data:data,
 success: function( res ) {
  success( res );
 },
 fail: function( res ) {
  fail( res );
 }
 });
 console.log( "----end----_post-----" );
}
module.exports = {
 _get: _get,
 _post:_post,
 _post_json:_post_json
}

Copier après la connexion

Cas de test

2.1 Obtenir la demande

//GET方式
let map = new Map();
map.set( &#39;receiveId&#39;, &#39;0010000022464&#39; );
let d = json_util.mapToJson( util.tokenAndKo( map ) );
console.log( d );
var url1 = api.getBaseUrl() + &#39;SearchTaskByReceiveId?data=&#39;+d;
network_util._get( url1,d,
function( res ) {
console.log( res );
that.setData({
 taskEntrys:res.data.taskEntrys
});
}, function( res ) {
console.log( res );
});

Copier après la connexion

2.2 Demande POST

//Post方式
 let map = new Map();
 map.set( &#39;receiveId&#39;, &#39;0010000022464&#39; );
 let d = json_util.mapToJson( util.tokenAndKo( map ) );
 console.log( d );
 var url1 = api.getBaseUrl() + &#39;SearchTaskByReceiveId&#39;;
 network_util._post( url1,d,
 function( res ) {
 console.log( res );
 that.setData({
  taskEntrys:res.data.taskEntrys
 });
 }, function( res ) {
 console.log( res );
 });

Copier après la connexion

Effet

Encapsulation et amélioration des requêtes réseau pour les mini programmes WeChat