前言

在微信小程序，使用 wx.navigateTo({}) API 攜帶參數(shù)跳轉(zhuǎn)頁面很常見，但是今天有一個(gè)需求，需要攜帶一個(gè)復(fù)雜的數(shù)據(jù)，它是一個(gè)數(shù)組，里面嵌套了 N 個(gè)對(duì)象，對(duì)象里還有數(shù)組。 所以我需要使用 JSON.stringify 將對(duì)象轉(zhuǎn)為字符串，然后再傳遞過去。

我的場景：其中 image 屬性中包含文章鏈接，導(dǎo)致了 JSON.parse 解碼失敗，因?yàn)楸唤厝×恕?/p>

解決方案

用 encodeURIComponent() 進(jìn)行轉(zhuǎn)碼，在目標(biāo)頁面再用 decodeURIComponent() 解碼。

/*
* [發(fā)送參數(shù)]
* 1. 將對(duì)象解析為字符串
* 2. 把字符串作為 URI 組件進(jìn)行編碼
*/

wx.navigateTo({
     url: '/pages/index?data=' + encodeURIComponent(JSON.stringify(object)),
})

/*
* [接收參數(shù)]
* 1. 將字符串解析為對(duì)象
* 2. 把字符串作為 URI 組件進(jìn)行解碼
*/

this.setData({
	data: JSON.parse(decodeURIComponent(options.data))
})