我们相信:世界是美好的,你是我也是。平行空间的世界里面,不同版本的生活也在继续...

苏南大叔已经介绍了,在百度智能小程序中,如何利用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获取数据了,这个就是后话了。目前本文中,暂不讨论。更多百度智能小程序相关文字,请点击苏南大叔的经验文章:

如果本文对您有帮助,或者节约了您的时间,欢迎打赏瓶饮料,建立下友谊关系。
本博客不欢迎:各种镜像采集行为。请尊重原创文章内容,转载请保留作者链接。

 【福利】 腾讯云最新爆款活动!1核2G云服务器首年50元!

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

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