WeChat 애플릿에 대한 자세한 설명 탐색데이터 전송

이 글은 주로 NaviTo 데이터 전송을 사용하는 WeChat 애플릿의 예에 대한 관련 정보를 소개합니다. 도움이 필요한 친구들이 모두 참고할 수 있기를 바랍니다.

navigateTo 데이터 전송을 사용하는 WeChat 애플릿의 예

1, 기본 데이터 유형 전달

index.js JS 페이지 보내기

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

test.js 페이지 JS 수락

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

인쇄된 로그는 다음과 같습니다.

수신된 매개변수는 str = string str

2, 전달 객체 {}

index.js 전송 페이지 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 수락 페이지 JS

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

에 의해 인쇄된 로그는 다음과 같습니다:

test.js [sm]:16 수신된 매개변수는 obj={"name":"I am name","dataObj":"I am dataObj" } 递3, 배열 세트 수 전달 []

index.js 페이지 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), 
  }) 
 } 
})

e

test.js 페이지 JS

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

을 승인하면 다음과 같이 인쇄됩니다.

Test.js [sm]:17 수신된 매개변수는 list=["item-A","item-B"]

관련 권장 사항:

Vue 구성 요소 및 데이터 전송에 대한 자세한 설명

방법 Javascript 데이터 전송에서 여러 형식을 구현하려면 어떻게 해야 합니까?

vue.js 구성 요소 간에 데이터를 전달하는 방법

위 내용은 WeChat 애플릿에 대한 자세한 설명 탐색데이터 전송의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!