Explication détaillée du transfert de données de l'applet WeChat NavigTo

Cet article vous présente principalement des informations pertinentes sur les exemples d'applets WeChat utilisant la transmission de données NavigTo. J'espère que cet article pourra vous aider. Les amis dans le besoin pourront s'y référer.

Instance de l'applet WeChat utilisant le transfert de données NavigTo

1, transmettant le type de données de base

index js. Envoyer la page JS

Page({ 
 data: { 
  testStr: '字符串str' 
 }, 
 onLoad: function () { 
 }, 
 next: function(e){ 
  wx.navigateTo({ 
   url: '/pages/test/test?str='+this.data.testStr, 
  }) 
 } 
})

test.js Accepter la page JS

Page({ 
 data:{ 
 }, 
 onLoad:function(options){ 
  console.log("接收到的参数是str="+options.str); 
 } 
})

Le Log imprimé est le suivant :

Le paramètre reçu est str=string str

2, passant l'objet {}

index .js Envoyer la page JS

Page({ 
 data: { 
  dataObj:{name:'我是name', extra:'我是extra'} 
 }, 
 onLoad: function () { 
 }, 
 toTest: function(e){ 
  wx.navigateTo({ 
   url: '/pages/test/test?dataObj='+JSON.stringify(this.data.dataObj) 
  }) 
 } 
})

test.js Accepter la page JS

Page({ 
 data:{ 
  dataObj:null 
 }, 
 onLoad:function(options){   
  this.dat.dataObj= JSON.parse(options.dataObj);//解析得到对象 
 }})

Le journal imprimé est le suivant :

test.js [sm]:16 Le paramètre reçu est obj={"name": "Je suis nom", "dataObj": "Je suis dataObj" >

3, transmettre la collection de tableaux[]

index.js Envoyer la page JS

Page({ 
 data: { 
  list:['item-A','item-B'] 
 }, 
 onLoad: function () { 
 }, 
 next: function(e){ 
  wx.navigateTo({ 
   url: '/pages/test/test?list='+JSON.stringify(this.data.list), 
  }) 
 } 
})

test.js accepte la page JS

Page({ 
 data:{ 
  list:[] 
 },  
onLoad:function(options){   
  console.log("接收到的参数是list="+options.list);//此处打印出来的是字符串，解析如下    
  this.data.list = JSON.parse(options.list);//解析得到集合
 }})

Le Log imprimé est le suivant :

test.js [sm] : 17 reçus Les paramètres obtenus sont list=["item-A","item-B"]

Recommandations associées :

Explication détaillée des composants Vue et du transfert de données

Comment transférer des données entre plusieurs formulaires en Javascript ?

Comment transmettre des données entre les composants vue.js

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!