小程序之间的跳转(带参)

小程序之间的跳转(带参),第1张

wx.navigateToMiniProgram

从小A序跳转到小B序

首先介绍一下需要用到的api  :wx.navigateToMiniProgram 

他的参数

参数名        是否芹握告必填        类型        说明

appId            是                 string        要打开的小程序 appId

path              是                 string        目标小程序的指定页面,为空的话跳首页

extraData     否                 object        需要带给目标小程序的参数

envVersion   否                 string        目标小程序的版本  (基本没啥用)

success       否                 function     成功回调

fail               否                嫌明 function     失败回调

complete     否                 function     结束回调

在起步小程序中的app.json中需要配置跳转小程序的appid

目标小程序 可以在app.js中接收起步小程序带过来的参数,官方文档给的是app.onLaunch和app.onshow都能接到参数,但是我的onLaunch不能打印出来,可能我的小皮樱程序是个傻的小程序。( 注意千万是在app.js中,而不是目标页面的js文件 ,我就吃了这个亏)

小A序(表演跳转)

小B序(表演接收参数)

关于调试,开发者工具是不能跳转的,不过我们可以真机调试,两个小程序都开始真机调试,在小程序右上角的三个小点点有个打开调试,就能看到log出来的参数了,根据自己习惯吧,展示在页面上也是个好办法。

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)) 为接收参数页面的转换方法。

例如:


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/yw/12569891.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-26
下一篇 2023-05-26

发表评论

登录后才能评论

评论列表(0条)

保存