1. 程式人生 > >微信小程式頁面間傳遞json資料

微信小程式頁面間傳遞json資料

1.頁面跳轉函式

wx.navigateTo(Object object)

保留當前頁面,跳轉到應用內的某個頁面。但是不能跳到 tabbar 頁面。使用 wx.navigateBack 可以返回到原頁面。

示例程式碼:

wx.navigateTo({
  url: 'test?id=1'
})
wx.navigateTo({
  url: 'test?id='+value
})

其中test為要跳轉到的頁面,id為引數值

2.資料格式轉換

url傳引數資料時候,如果傳送的引數值是一個json資料,需要對資料進行一定的處理

  • JSON.stringify() 方法用於將 JavaScript 值轉換為 JSON 字串。
  • JSON.parse() 方法用於將一個 JSON 字串轉換為物件。

實現從PageA跳轉到PageB,同時傳遞json資料。

PageA:

mydata = JSON.stringify(mydata)                 			//將json資料字串化
          wx.navigateTo({                                 	//頁面跳轉,傳遞字串引數
            url: '../addBook/addBook?value='+mydata,      
          })

PageB:

onLoad: function (options) {
    var that = this
    that.setData({                                  		//將傳遞來的json字串序列化為Json格式
      bookInfo: JSON.parse(options.value) 		            //然後將值賦給bookInfo
    })
    // console.log(JSON.parse(options.value))       		//檢驗傳遞過來的引數
  },