微信小程序页面跳转url传参,对象、数据过长、特殊字符问题

微信小程序页面跳转url传参,对象、数据过长、特殊字符问题,第1张

1、传递参数对象格式

若参数为对象则需先使用 JSON.stringify()进行转换 , 接收后使用JSON.parse()转为对象.

但这样传参有一个问题,当对象数据长度过大时会报错,因为url传参时程序把过长的那段数据给截取掉了,导致数据转换回来时格式不对而报错。

2、传递参数中含有? = &等特殊字符

若传递参数中含有=,?,&等特殊字符,无法正常传递参数,则需要进行编码解码。

解决:

这时可以再添加另一个API:encodeURIComponent(obj) 和 decodeURIComponent(options.obj),在encodeURIComponent之前要用JSON.stringify()先转换数据,decodeURIComponent之后再用JSON.parse()转换回来。

encodeURIComponent(JSON.stringify(obj)) 为跳转url时的转换方法。

JSON.parse(decodeURIComponent(options.obj)) 为接收参数页面的转换方法。

例如:

无论小程序,还是安卓开发,列表点击跳转传值是必备掌握的基础知识。

跳转传值有多种方式,1.可以单穿某个字段,2.可以传对象。

这里我只讲下怎么传递对象,在实际开发中,传对象是普遍选择的一种传值方式。

下面是一个类表展示的数据

分析:

1.列表的点击事件,最重要的是如何获点下对应item的position 下标。

定义一个下标:通过 wx:for-index="index" ,并指定 <view id="{{index}}"/>

2.通过定义好的下标index获取对象。

获取方式: event.currentTarget.id

再通过: JSON.stringify() 得到let

3.怎么接收?

let item = JSON.parse(options.dataObject)

dataObject 参数是跳转url 定义的,类似一般的get请求格式,不多说

最后总结一下:

也可以通过自定义属性来指定下标 data - xxxx

再获取: event.currentTarget.dataset.postid

传递多个参数: 就是一个url路劲拼接而成

let userInfo = {...}     //需要传递的参数,这里用对象举例。

let pages = getCurrentPages()    //返回pages的所有信息;数组格式

let prevPage = pages[ pages.length - 2 ]     //返回上一个页面的所有信息  上一级为-2

prevPage.setData({

user:userInfo      //user为上个页面需要修改的数据,如data里面的数据,数据格式要对应。

})

wx.navigateBack({

delta:1      // 返回上一级页面。

})


欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/yw/11210600.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-14
下一篇 2023-05-14

发表评论

登录后才能评论

评论列表(0条)

保存