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

最新推荐文章于 2025-05-14 17:39:01 发布

原创最新推荐文章于 2025-05-14 17:39:01 发布 · 951 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#小程序 #前端 #javascript

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

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

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}`