1. 程式人生 > >微信小程式之資料傳遞

微信小程式之資料傳遞

本文主要介紹,頁面跳轉間的資料傳遞。傳遞的資料型別主要有1,基本資料型別;2,物件;3,陣列集合; 先告訴你,本質上都是string型別傳遞。但是對於物件和陣列集合的傳遞需要小小的處理一下傳遞時的資料和接收後的資料。 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);
  }
})
列印的Log如下: 接收到的引數是str=字串str 2,傳遞物件{} index.js 傳送頁JS
Page({
  data: {
    testData:{name:'我是name', extra:'我是extra'}
  },
  onLoad: function () {
  },
  next: function(e){
    wx.navigateTo({
      url: '/pages/test/test?extra='+JSON.stringify(this.data.testData)
    })
  }
})
test.js 接受頁JS
Page({
  data:{
	testData:null
  },  onLoad:function(options){    
console.log("接收到的引數是obj="+options.extra);//此處打印出來的僅僅是字串 需要解析,解析如下
	this.dat.testData = JSON.parse(options.extra);//解析得到物件
  }})
列印的Log如下: test.js [sm]:16 接收到的引數是obj={"name":"我是name","extra":"我是extra"} 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),
    })
  }
})
test.js 接受頁JS
Page({
  data:{
	list:[]
  },  
onLoad:function(options){    
console.log("接收到的引數是list="+options.list);//此處打印出來的是字串,解析如下    	
 this.data.list = JSON.parse(options.list);//解析得到集合
 }})
列印的Log如下: test.js [sm]:17 接收到的引數是list=["item-A","item-B"] 另外,還可以通過快取(wx.setStorage(OBJECT),wx.setStorageSync(KEY,DATA))來傳遞資料,只是儲存後需要清除,防止快取過大的情況.



相關推薦

程式資料傳遞

本文主要介紹,頁面跳轉間的資料傳遞。傳遞的資料型別主要有1,基本資料型別;2,物件;3,陣列集合; 先告訴你,本質上都是string型別傳遞。但是對於物件和陣列集合的傳遞需要小小的處理一下傳遞時的資料和接收後的資料。 1,傳遞基本資料型別 index.js 傳送頁JS

從點選事件看程式資料傳遞

最近用微信小程式做了一個電影類APP,業務邏輯不難,但在做最後一個頁面時遇到了一個詭異的問題,這個問題讓我對小程式框架裡的事件和資料繫結有了更深的認識。 問題是這樣的: 該小程式有4個頁面,分別是“影院熱映home”、“即將上映comingSoon”、“電影

程式資料訪問

如圖所示 1、每個檢視(.wxml)只需要新增對應名字的指令碼(.js)和樣式(.wxss)就可以了,不需要引用,page下面的指令碼以及樣式都是繼承至最外面的app.js , app.wxcss 2、指令碼也就是.js檔案,他有固定格式:page,是用於獲取資料的 3、utils是用來放置資料介面的

程式navigateTo資料傳遞詳解

本文主要和大家介紹微信小程式使用navigateTo資料傳遞的例項的相關資料,希望通過本文能幫助到大家,需要的朋友可以參考下,希望能幫助到大家。 微信小程式使用navigateTo資料傳遞的例項 1,傳遞基本資料型別 index.js 傳送頁JS Page({

程式快取——不同頁面傳遞資料

1. 新增快取 單個金鑰允許儲存的最大資料長度為1MB,所有資料儲存上限為10MB。 // 儲存資訊到storage // 非同步儲存 set() { wx.setStorage({ key: 'user', data: 'cck', succe

程式二三級選單(navigateTo傳遞資料的應用)

今早來之後稍微寫了下今天的工作目標然後就是自己犯蠢到現在的過程,所幸最後還是走回了正軌,記錄一下我在過程中的內心彈幕,並把最後結果記錄一下 微信小程式-估價系統-車輛品牌款式等-三級選單 車標 省份-

程式獲取後臺動態資料Gird表格佈局display:grid

在工作中常用的就是flex佈局和grid佈局了,因為本人對grid佈局不是很熟練,這次主要是想模擬獲取後臺的動態資料來動態的設定表格佈局,算是一個簡單的嘗試,畢竟之前沒有用過。分享一下。 (一)實現效果 跟我上一篇文章微信小程式之獲取後臺動態資料表格佈局dis

程式頁面間傳遞json資料

1.頁面跳轉函式 wx.navigateTo(Object object) 保留當前頁面,跳轉到應用內的某個頁面。但是不能跳到 tabbar 頁面。使用 wx.navigateBack 可以返回到原頁面。 示例程式碼: wx.navigateTo({ url

程式前端與java後臺進行資料互動

最近小程式挺火的,準備寫個小程式試試,我會將我遇到的問題和我認為有用的記錄下來,但是隻瞭解java,並不太懂PHP,雖然說語言都是相通的(我也不知道誰說的),反正還是用Java寫後臺吧,1.申請伺服器+域名3.準備使用ssm框架進行後臺開發,先進行前端後臺資料互動試試後臺ja

程式傳遞指定的值給函式(“document“取值)

這幾天在普及微信小程式相關知識的時候,發現做H5開發的小夥伴們,在練習做微信小程式的過程中,總是會問我一個相同的問題,"document取值怎麼沒有效果哈?" 其實這應該是很多小夥伴都有的疑問。 對於

PHP程式獲取並解密使用者資料獲取openId和unionId

前言微信小程式API文件:https://mp.weixin.qq.com/debug/wxadoc/dev/api/api-login.html在實際的小程式開發中,往往需要使用者授權登陸並獲取使用者的資料,快速對接使用者系統。openId : 使用者在當前小程式的唯一標識

程式聯盟:程式獲取並解密使用者資料(獲取openId、unionId)

前言在實際的小程式開發中,往往需要使用者授權登陸並獲取使用者的資料,快速對接使用者系統。openId : 使用者在當前小程式的唯一標識 unionId : 如果開發者擁有多個移動應用、網站應用、和公眾帳號(包括小程式),可通過unionid來區分使用者的唯一性,因為只要是同一

程式wx:for迴圈輸出及require引入外部資料

迴圈輸出很有用滴 格式: <view wx:for="{{array}}" wx:for-item="item" wx:for-index="idx"> {{index}}: {{item.message}} </view> wx:for-ite

Java——實現程式加密資料解密演算法

一、概述 微信推出了小程式,很多公司的客戶端應用不僅具有了APP、H5、還接入了小程式開發。但是,小程式中竟然沒有提供Java版本的加密資料解密演算法。這著實讓廣大的Java開發人員蛋疼。 我們下載的演算法示例如下: 木有Java!! 木有Java!!

程式wxml陣列資料的寫入方式

頁面邏輯與介面儘量分開,分開到頁面需要在四個顏色中隨機出現,另外還有一種情況下使用白色。一種方式:單純放個顏色陣列寫在js,不做邏輯操作,在 wxml 中使用。另一種: 在wxml標籤中: style

JAVA程式獲取並解密使用者資料(獲取openId、unionId)

前言在實際的小程式開發中,往往需要使用者授權登陸並獲取使用者的資料,快速對接使用者系統。openId : 使用者在當前小程式的唯一標識unionId : 如果開發者擁有多個移動應用、網站應用、和公眾帳號(包括小程式),可通過unionid來區分使用者的唯一性,因為只要是同一個微信開放平臺帳號下的移動應用、網站

程式物流狀態時間軸

一個月左右沒更新部落格了,最近有點懶了哈(工作上真的忙),很多工作上學習到的東西都沒有及時分享出來,有點愧疚,不過自己最近一直在收集資料和學習一些新技術,最主要是想要構建自己的前端技術體系和自定義一個前端規範文件,哈哈哈。說重點啦,微信小程式裡面開發的商城模組還挺多的,剛好寫了一個物流狀態的時間軸,簡單分享一

程式登陸 —— 程式教程系列(20)

簡介: 微信登陸,在新建一個微信小程式Hello World專案的時候,就可以看到專案中出現了我們的微信頭像,其實這個Hello World專案,就有一個簡化版的微信登陸。只不過是,還沒有寫入到咱們自家的後臺中而已。 新建一個Hello World專案,找到a

程式資料的儲存和獲取

/儲存資料     try {       wx.setStorageSync('key',this.data.radioCheckVal2)  //key表示data中的引數

程式開放資料解密 AES-128-CBC 解密(Java版本)

最近朋友在弄微信小程式開發,需要跟微信服務端互動,微信敏感資料都有加密返回,需要在服務端接收進行解密後再返回給客戶端小程式,今天就通過Java進行資料的解密,以下展示是Java程式碼如果你使用的C#,請訪問這個地址(C#版本) https://blog.csdn.net/jasonso