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:

参数名	类型	必填	说明
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	否	接口调用结束的回调函数（调用成功、失败都会执行）

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!