So verwenden Sie das Anforderungsnetzwerk, um Anforderungsvorgänge in WeChat-Miniprogrammen durchzuführen

In diesem Artikel wird hauptsächlich der vom WeChat-Applet verwendete Anforderungsnetzwerkanforderungsvorgang vorgestellt und die spezifischen Verwendungsfähigkeiten des wx.request(object)-Netzwerkanforderungsvorgangs anhand von Beispielen analysiert

Dieser Artikel Das Beispiel beschreibt das WeChat-Applet, das das Anforderungsnetzwerk zum Anfordern von Vorgängen verwendet. Teilen Sie es als Referenz mit allen. Die Details lauten wie folgt:

Das Miniprogramm bietet viele APIs, die Entwicklern die Arbeit erheblich erleichtern. Darunter ist die Netzwerkanforderungs-API wx.request(object), bei der es sich um den Server handelt Implementierung des Miniprogramms und Entwickler Eine sehr wichtige API für die Dateninteraktion.

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

Folgen wir uns: Schreiben Sie 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 die req-Methode verfügbar macht, damit sie in anderen Dateien verwendet werden kann Die js-Funktion wird asynchron ausgeführt, daher wird die Rückruffunktion zurückgegeben, nicht die spezifischen Daten

Um anderen Dateien den Aufruf dieser Methode zu erleichtern, registrieren wir sie als globale Funktion in der Datei app.js im Stammverzeichnis wie folgt:

//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 ist diese Anforderung global Das Obige habe ich für alle zusammengestellt. Ich hoffe, dass es in Zukunft für alle hilfreich sein wird. getApp.func.req()

Verwandte Artikel:

So bestimmen Sie Feiertage in js

So fragen Sie die Wettervorhersage in Angular ab

So zeigen Sie Eingabeinhalte in Angular an

Das obige ist der detaillierte Inhalt vonSo verwenden Sie das Anforderungsnetzwerk, um Anforderungsvorgänge in WeChat-Miniprogrammen durchzuführen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!