苏南大叔已经介绍了,在百度智能小程序中,如何利用navigator组织好每个页面间的跳转。那么,下一个问题来了,在页面跳转的过程中,如何顺带传递参数呢?在页面逻辑中,如何接收这些参数呢?这两个问题,就是本文中,苏南大叔主要讲解的问题。

苏南大叔:百度智能小程序,如何在页面之间用GET方式传递参数? - smartapp-url-param
百度智能小程序,如何在页面之间用GET方式传递参数?(图2-1)

本文测试环境:mac百度开发者工具@2.4.1

GET传递参数

首先,要回顾一下navigator的使用方法:

在上面这篇文章中,核心代码就是下面这段:

<navigator url="/pages/article/article?id=123&source=aaa">跳转到新页面</navigator>

其中的url,就是本文中需要重点关注的参数。在本例中,这个url参数值是/pages/article/article?id=123&source=aaa。其中的基础部分/pages/article/article这个路径是个虚拟的路径,后面的参数id=123&source=aaa,和普通的链接url的参数部分,是一致的。

接收GET参数

article.js:

onLoad: function (options) {
  // 监听页面加载的生命周期函数
  console.log(options.id);
},

这个也是比较简单易懂的,就是在对应页面的js文件中,onLoad事件中,打印相关参数即可。如上述代码所示,接收一下options.id,即可拿到get的数据。id就对应于url中的?id=。是不是很好理解呢?

苏南大叔:百度智能小程序,如何在页面之间用GET方式传递参数? - onload-options
百度智能小程序,如何在页面之间用GET方式传递参数?(图2-2)

关于post的情况

智能小程序,也可以post传值。但是目前据苏南大叔观察,就智能小程序本身来说,却没有接收post值的需求。一般的情况就是,使用postajax请求到后台接口,进行数据处理。所以,在本文的智能小程序传值取值的角度来说,就仅仅掌握get的情况即可。post的类似目的需求,暂时不存在。

结束语

接收到参数之后,一般来说,就是使用ajax获取数据了,这个就是后话了。目前本文中,暂不讨论。更多百度智能小程序相关文字,请点击苏南大叔的经验文章:

如果本文对您有帮助,或者节约了您的时间,欢迎打赏瓶饮料,建立下友谊关系。
本博客不欢迎:各种镜像采集行为。请尊重原创文章内容,转载请保留链接作者。
本站采用创作共用版权协议, 要求署名、非商业用途和相同方式共享。
转载本站内容必须也遵循“署名-非商业用途-相同方式共享”的创作共用协议。
未经许可,规模化镜像抄袭本站内容的行为,将会根据有关法律法规进行维权。
程序如此灵动~》下所有原创文章,如被用于商业用途,请您按规定支付稿费。

 【加群】加入QQ群【175454274】和大家一起讨论这个问题

 【源码】本文代码片段及相关软件,请点此获取

 【绝密】秘籍文章入口,仅传授于有缘之人   百度    smartapp

本站的忠实读者小伙伴,正在阅读下面这些文章: