Explication détaillée de l'exemple d'opération de demande de réseau de demande d'applet WeChat

Le mini-programme fournit de nombreuses API, ce qui facilite grandement les développeurs. Parmi elles, l'API de requête réseau est wx.request(object), qui est une API très importante pour l'interaction des données entre le mini-programme et le serveur du développeur. Cet article présente principalement l'utilisation par l'applet WeChat de l'opération de demande de réseau et analyse les compétences d'utilisation spécifiques de l'opération de demande de réseau wx.request(object) sous forme d'exemples. J'espère que les amis dans le besoin pourront s'y référer. aider tout le monde.

La description officielle du paramètre est la suivante

Description du paramètre OBJECT :

参数名	类型	必填	说明
url	String	是	开发者服务器接口地址
data	Object、String	否	请求的参数
header	Object	否	设置请求的 header , header 中不能设置 Referer
method	String	否	默认为 GET，有效值：OPTIONS, GET, HEAD, POST, PUT, DELETE, TRACE, CONNECT
success	Function	否	收到开发者服务成功返回的回调函数，res = {data: '开发者服务器返回的内容'}
fail	Function	否	接口调用失败的回调函数
complete	Function	否	接口调用结束的回调函数（调用成功、失败都会执行）

L'utilisation la plus simple est la suivante (prenez la requête POST comme exemple)

bindSearchChange:function(e){
 var keyword = e.detail.value;
 wx.request({
 url:'xxxxxxxxx',
 data:{},
 header: {'Content-Type': 'application/json'},
 success: function(res) {
 console.log(res)
 }
 })
}

Ci-dessous nous écrivons la requête dans le fichier http.js sous le fichier de service Le code est le suivant

var rootDocment = 'hxxxxx';//你的域名
function req(url,data,cb){
 wx.request({
 url: rootDocment + url,
 data: data,
 method: 'post',
 header: {'Content-Type': 'application/json'},
 success: function(res){
 return typeof cb == "function" && cb(res.data)
 },
 fail: function(){
 return typeof cb == "function" && cb(false)
 }
 })
}
module.exports = {
 req: req
}

.

où module.exports est Exposez la méthode req afin qu'elle puisse être utilisée dans d'autres fichiers Puisque la fonction js est exécutée de manière asynchrone, la fonction de retour est la fonction de rappel au lieu des données spécifiques

Dans l'ordre. pour faciliter l'appel de cette méthode par d'autres fichiers, nous l'enregistrons en tant que fonction globale dans le fichier app.js du répertoire racine, comme suit

//app.js
var http = require('service/http.js')
App({
 onLaunch: function () {
 //调用API从本地缓存中获取数据
 var logs = wx.getStorageSync('logs') || []
 logs.unshift(Date.now())
 wx.setStorageSync('logs', logs)
 },
 getUserInfo:function(cb){
 var that = this
 if(this.globalData.userInfo){
 typeof cb == "function" && cb(this.globalData.userInfo)
 }else{
 //调用登录接口
 wx.login({
 success: function () {
  wx.getUserInfo({
  success: function (res) {
  that.globalData.userInfo = res.userInfo
  typeof cb == "function" && cb(that.globalData.userInfo)
  }
  })
 }
 })
 }
 },
 globalData:{
 userInfo:null
 },
 func:{
 req:http.req
 }
})

À ce moment , la demande est globale et nous pouvons l'utiliser lors de l'appel getApp.func.req() pour appeler, comme suit

var app = getApp()
Page({
 data: {
 },
 onLoad: function (opt) {
 //console.log(opt.name)
 app.func.req('/api/get_data',{},function(res){
 console.log(res)
 });
 }
})

L'applet WeChat fournit de nombreuses API, notamment réseau, média, données, etc., et fournit également de nombreux composants pour permettre le développement. Les mini-programmes sont devenus très pratiques.

Recommandations associées :

Résumé des fonctions du mini programme WeChat

Tutoriel sur la mise en œuvre de la fonction d'ajout de contacts mobiles dans le mini programme WeChat

Comment implémenter la fonction de liste déroulante d'affichage de l'applet WeChat

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!