百度智能小程序,如何在页面之间用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
获取数据了,这个就是后话了。目前本文中,暂不讨论。更多百度智能小程序相关文字,请点击苏南大叔的经验文章:
如果本文对您有帮助,或者节约了您的时间,欢迎打赏瓶饮料,建立下友谊关系。
本博客不欢迎:各种镜像采集行为。请尊重原创文章内容,转载请保留作者链接。
本博客不欢迎:各种镜像采集行为。请尊重原创文章内容,转载请保留作者链接。