开始第一个微信小程序（五）

时间 2020-12-04

标签 html json 小程序微信小程序数组微信 ide 函数 code htm 栏目 HTML 繁體版

原文原文链接

上一节已经顺利的完成了一个商品列表的展现了，很是开心，可是一个小程序不仅有商品展现，还要根据选中的商品跳转至详情页面，而且在详情页面展现该商品的一系列具体信息，那么接下来就开搞。

    这里个人步骤以下：
    1.列表页面跳转绑定
    2.跳转成功后接受参数
    3.接受后如何展现详情

1.列表页面跳转绑定

其实作过html页面绑定的确定都知道按钮onclick事件，就是当鼠标单击后触发的函数。那么由此我就幻想到，是否是小程序也有这样一个相似的事件，找了下资料果真有。
那就是bindtap这是至关于onclick事件
上图中，我在区域中绑定了一个函数名:navigateDetail 而且这个区域的数据aid是数组循环当前下标的id字段html

接下来看看函数怎么写，这里很简单，和js同样
json

这样一个简单的传递参数就作好了。小程序

2.跳转成功后接受参数

接下来，看看接收参数怎么作。
微信小程序

很简单的作法，在onload里面接收，接收的对象直接.传递名就能接收成功，而后再赋值给我定义的全局变量。数组

3.接受后如何展现详情

参数接收成功了，能清楚的了解到，传递过来的是某个商品的惟一标识ID，那么根据微信小程序提供的接口请求方式就能够将ID传递给接口，由接口来作查询并返回对应的json数据。
![](https://s4.51cto.com/images/blog/202012/04/bf9c422f42c24d1967b12fd57310de45.png?x-oss-process=image/watermark,size_16,text_QDUxQ1RP5Y2a5a6i,color_FFFFFF,t_100,g_se,x_10,y_10,shadow_90,type_ZmFuZ3poZW5naGVpdGk=)

基本上简单的传递参数查询，已经完成了，页面的丰富性就看我的水平了，一个小目标又完成了，下次继续研究一下我的呢受权登陆，登陆后的用户惟一性的存储问题。