Comment utiliser le réseau de requêtes pour effectuer des opérations de requête dans les mini-programmes WeChat

Cet article présente principalement l'opération de demande de réseau utilisée par l'applet WeChat 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. Les amis dans le besoin peuvent se référer à

Cet article L'exemple décrit l'applet WeChat utilisant le réseau de requête pour demander des opérations. Partagez-le avec tout le monde pour votre référence, les détails sont les suivants :

Le mini programme fournit de nombreuses API, ce qui facilite grandement les développeurs. Parmi elles, l'API de requête réseau est

, qui est le serveur. implémentation du mini programme et des développeurs. Une API très importante pour l'interaction des données. wx.request(object)

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)
 }
 })
}

Ensuite, 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ù

expose la méthode req afin qu'elle puisse être utilisée dans. autres fichiers. En raison de la fonction js, elle est exécutée de manière asynchrone, donc ce qui est renvoyé est la fonction de rappel, pas les données spécifiquesmodule.exports

Afin de faciliter l'appel de cette méthode par d'autres fichiers, nous l'enregistrons en tant que fonction globale. dans le fichier app.js dans le 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
 }
})

À l'heure actuelle, cette requête est globale lors de l'appel, nous pouvons utiliser

pour l'appeler. Les détails sont les suivants. 🎜>getApp.func.req()

Ce qui précède est ce que j'ai compilé pour tout le monde. J'espère qu'à l'avenir, cela sera utile à tout le monde.

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

Articles connexes :

Comment déterminer les jours fériés en js

Comment interroger les prévisions météo en Angular

Comment afficher le contenu d'entrée dans Angular

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!