小程序 JSON.stringify() 和 JSON.parse() 的使用

最新推荐文章于 2024-07-11 04:17:48 发布

原创最新推荐文章于 2024-07-11 04:17:48 发布 · 2.3k 阅读

3 ·

CC 4.0 BY-SA版权

文章标签：

#json #小程序 #前端

小程序同时被 2 个专栏收录

23 篇文章

订阅专栏

javascript_jQuery

21 篇文章

订阅专栏

本文介绍了如何利用JavaScript的JSON.stringify()方法将对象转换为URL参数，以及JSON.parse()方法将接收到的参数还原为JavaScript对象。在页面跳转中，通过这种方式可以更简洁地传递复杂数据，例如在navTab事件中，将对象转换成JSON字符串传递到下一页，然后在onLoad函数中解析并显示数据。

序：咋说呢！嗯，就是传值不用写那么多，直接传一个键值就可以了，就是为了简便。

1、JSON.stringify()：用于将 JavaScript 值转换为 JSON 字符串（将对象或数组转换为 JSON 字符串）

传值：

navTab(e){
  var obj = e.currentTarget.dataset.obj; // {'id':1,'img':'/static/image/y.jpg','date':'2022-09-15','note':'想啥子哩'}
  wx.navigateTo({
    url: '/pages/demo/demo?obj=' + JSON.stringify(obj),
  })
},

2、JSON.parse() ：将一个 JSON 字符串转换为 JavaScript 对象（将字符串转换为 JavaScript 对象）

demo.js

onLoad: function (options) {
  var that = this;
  var obj = JSON.parse(options.obj);
  if(obj) {
    // 编辑 回显数据
    that.setData({
      id: obj.id,
      img: obj.img,
      date: obj.date.substring(0, 16),
      note: obj.note,   
    })
  }
},