【支付宝小程序商家消息跳转】页面传参问题

最新推荐文章于 2023-05-30 18:37:18 发布

Li_Ning21

最新推荐文章于 2023-05-30 18:37:18 发布

阅读量731

点赞数

文章标签：小程序前端 javascript

本文链接：https://blog.csdn.net/Li_Ning21/article/details/125521722

版权

本文探讨了支付宝小程序中如何正确传递和接收页面参数的问题。通过示例代码展示了使用encodeURIComponent编码参数与直接传递参数的区别，指出在onload中参数会自动解码。实际测试表明，将参数完整编码后作为URL的一部分可以成功获取并在onload中解析。对于开发者来说，理解这一细节对于支付宝小程序的页面交互至关重要。

摘要由CSDN通过智能技术生成

支付宝小程序商家消息跳转页面传参限制

encodeURIComponent编码 ? 后面的参数，onload拿参数自动解码。

编解码参考

encodeURIComponent编码 ? 后面的参数，onload拿参数自动解码。

如果你是如下传参，那你只能拿到一个参数

const page = `pages/couponCenter/couponIndex?platformChannel=${platformChannel}&couponCode=${couponCode}&activityCode=${activityCode}&couponTemplateCode=${couponTemplateCode}&couponType=${couponType}&sourceChannel=${sourceChannel}&storeId=${storeId}`

page参数128字节限制，望而却步

但是查阅官方文档，文档似乎并没有说可以传参，问过支付宝客服才发现。
在这里插入图片描述
实际测试过程中发现，确实，参数通过如下方式就可以正常在onload中拿到，且不需要解码。

  const paramsUrl = encodeURIComponent(`platformChannel=${platformChannel}&couponCode=${couponCode}&activityCode=${activityCode}&couponTemplateCode=${couponTemplateCode}&couponType=${couponType}&sourceChannel=${sourceChannel}&storeId=${storeId}`);
  const page = `pages/couponCenter/couponIndex?${paramsUrl}`