Ausführliche Erläuterung des Beispiels für den Netzwerkanforderungsvorgang des WeChat-Applets

Das Miniprogramm bietet viele APIs, die Entwicklern die Arbeit erheblich erleichtern. Darunter ist die Netzwerkanforderungs-API wx.request(object), eine sehr wichtige API für die Dateninteraktion zwischen dem Miniprogramm und dem Server des Entwicklers. In diesem Artikel wird hauptsächlich die Verwendung des Anforderungsnetzwerkanforderungsvorgangs durch das WeChat-Applet vorgestellt und die spezifischen Verwendungsfähigkeiten des Netzwerkanforderungsvorgangs wx.request (Objekt) anhand von Beispielen analysiert allen helfen.

Die offizielle Parameterbeschreibung lautet wie folgt

OBJECT-Parameterbeschreibung:

Die einfachste Verwendung ist wie folgt (nehmen Sie die POST-Anfrage als Beispiel)

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

Unten schreiben wir die Anfrage in die http.js-Datei unter der Servicedatei. Der Code lautet wie folgt

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
}

wobei module.exports ist Stellen Sie die req-Methode bereit, damit sie in anderen Dateien verwendet werden kann Da die js-Funktion asynchron ausgeführt wird, ist die Rückgabefunktion die Rückruffunktion anstelle der spezifischen Daten

In der Reihenfolge Um anderen Dateien das Aufrufen dieser Methode zu erleichtern, registrieren wir sie wie folgt als globale Funktion in der Datei app.js im Stammverzeichnis

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

Zu diesem Zeitpunkt , die Anforderung ist global und wir können sie beim Aufrufen von getApp.func.req() wie folgt verwenden:

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

Das WeChat-Applet bietet viele APIs, einschließlich Netzwerk, Medien, Daten usw. und bietet außerdem viele Komponenten, die die Entwicklung von Miniprogrammen ermöglichen, die sehr praktisch geworden sind.

Verwandte Empfehlungen:

Zusammenfassung der Funktionen des WeChat-Miniprogramms

Tutorial zur Implementierung der Funktion zum Hinzufügen mobiler Kontakte im WeChat-Miniprogramm

So implementieren Sie die Dropdown-Listenfunktion für die WeChat-Applet-Anzeige

Das obige ist der detaillierte Inhalt vonAusführliche Erläuterung des Beispiels für den Netzwerkanforderungsvorgang des WeChat-Applets. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!