Explication détaillée du transfert de données de l'applet WeChat NavigTo-Développement de mini-programmes-php.cn

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

小云云

Libérer： 2018-02-01 09:48:16

original

3904 Les gens l'ont consulté

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: &#39;字符串str&#39; 
 }, 
 onLoad: function () { 
 }, 
 next: function(e){ 
  wx.navigateTo({ 
   url: &#39;/pages/test/test?str=&#39;+this.data.testStr, 
  }) 
 } 
})

Copier après la connexion

test.js Accepter la page JS

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

Copier après la connexion

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:&#39;我是name&#39;, extra:&#39;我是extra&#39;} 
 }, 
 onLoad: function () { 
 }, 
 toTest: function(e){ 
  wx.navigateTo({ 
   url: &#39;/pages/test/test?dataObj=&#39;+JSON.stringify(this.data.dataObj) 
  }) 
 } 
})

Copier après la connexion

test.js Accepter la page JS

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

Copier après la connexion

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:[&#39;item-A&#39;,&#39;item-B&#39;] 
 }, 
 onLoad: function () { 
 }, 
 next: function(e){ 
  wx.navigateTo({ 
   url: &#39;/pages/test/test?list=&#39;+JSON.stringify(this.data.list), 
  }) 
 } 
})

Copier après la connexion

test.js accepte la page JS

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

Copier après la connexion

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!