微信小程序頁面跳轉url傳參，對象、數據過長、特殊字符問題

1、傳遞參數為對象格式

若參數為對象則需先使用 JSON.stringify()進行轉換 , 接收后使用JSON.parse()轉為對象.

但這樣傳參有一個問題，當對象數據長度過大時會報錯，因為url傳參時程序把過長的那段數據給截取掉了，導致數據轉換回來時格式不對而報錯。

2、傳遞參數中含有? = &等特殊字符

若傳遞參數中含有=,?,&等特殊字符，無法正常傳遞參數，則需要進行編碼解碼。

解決：

這時可以再添加另一個API：encodeURIComponent(obj) 和 decodeURIComponent(options.obj)，在encodeURIComponent之前要用JSON.stringify()先轉換數據，decodeURIComponent之后再用JSON.parse()轉換回來。

encodeURIComponent(JSON.stringify(obj)) 為跳轉url時的轉換方法。

JSON.parse(decodeURIComponent(options.obj)) 為接收參數頁面的轉換方法。

 

例如：

// 傳遞頁
wx.navigateTo({
      url: '../info/info?url=' +  encodeURIComponent(JSON.stringify(e.currentTarget.dataset.url))
})

// 接收頁
onLoad: function (options) {
    this.setData({
      url : JSON.parse(decodeURIComponent(options.url))
    })
},