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

本文测试环境: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=。是不是很好理解呢?

关于post的情况
智能小程序,也可以post传值。但是目前据苏南大叔观察,就智能小程序本身来说,却没有接收post值的需求。一般的情况就是,使用post的ajax请求到后台接口,进行数据处理。所以,在本文的智能小程序传值取值的角度来说,就仅仅掌握get的情况即可。post的类似目的需求,暂时不存在。
结束语
接收到参数之后,一般来说,就是使用ajax获取数据了,这个就是后话了。目前本文中,暂不讨论。更多百度智能小程序相关文字,请点击苏南大叔的经验文章: