Heim > Artikel > WeChat-Applet > So übertragen Sie Daten zwischen Miniprogrammseiten
Ich habe kürzlich an einem Miniprogrammprojekt gearbeitet und festgestellt, dass einige Daten häufig zwischen den Seiten des Miniprogramms ausgetauscht werden müssen. Aufgrund meines eigenen Verständnisses und meiner Vertrautheit bin ich zu dem Schluss gekommen, dass es verschiedene Datenübertragungsmethoden für unterschiedliche Datenanforderungen gibt. Hier eine kurze Einführung und Zusammenfassung.
Bei Verwendung von wx.navigateTo
und wx.redirectTo
können Sie einen Teil der Daten in die URL einfügen und zur neuen hinzufügen Seite onLoad
Erhalten und initialisiert, wann.
//pageA.js // Navigate wx.navigateTo({ url: '../pageB/pageB?name=lin&gender=male', }) // Redirect wx.redirectTo({ url: '../pageB/pageB?name=lin&gender=male', }) // pageB.js ... Page({ onLoad: function(option){ console.log(option.name + 'is' + option.gender); this.setData({ option: option }); } })
Zu beachtende Probleme:
wx.navigateTo
und wx.redirectTo
ist es nicht erlaubt, zu der im Tab enthaltenen Seite zu springen; onLoad
Zweitens: Verwenden Sie globale Variablen zum Übergeben
// app.js App({ // 全局变量 globalData: { name: null } }) //pageA.js ··· getApp().globalData.name = "lin"; //pageB.js ··· this.setData({ userName: getApp().globalData.name });
globalData
Wichtige Hinweise: Wenn Sie verwenden, verwenden Sie direkt getApp()
Dritte Methode: Lokalen Cache verwenden
//pageA.js ··· wx.setStorageSync('sessionId', res.sessionId); //pageB.js ··· var sessionId = wx.getStorageSync('sessionId');
Storage
Wichtige Dinge: Der Speicher überschreibt bei jedem Speichern den ursprünglichen Inhalt, der dem Schlüssel entspricht.
Empfohlenes Tutorial: „
Das obige ist der detaillierte Inhalt vonSo übertragen Sie Daten zwischen Miniprogrammseiten. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!