JS输出为[object object]取值问题

WorkAndDebugger

于 2024-01-08 19:34:16 发布

阅读量1k

点赞数 9

分类专栏： JavaScript 文章标签： javascript 开发语言 ecmascript

本文链接：https://blog.csdn.net/xiang_gong_ya_/article/details/135464152

版权

23 篇文章 0 订阅

订阅专栏

文章讲述了在页面跳转中遇到的问题，即传参后接收到的是[objectobject]，解决方法是使用`JSON.stringify()`将JavaScript对象转换为字符串传递给后端，而在接收端使用`JSON.parse()`解析数据。讨论了前端和后端数据交互中的常见处理技巧。

摘要由CSDN通过智能技术生成

问题：页面跳转传参

传参前数据能打印出来，传参后显示[object object]且无法取值

接收后端返回的json对象通常是一个字符串类型的object

所以
通过 JSON.stringify() 把 JavaScript 对象转换为字符串。

my.navigateTo({
      url: `/pages/component/receive?clickItem=${JSON.stringify(e.currentTarget.dataset.clickItem)}`
    });

在从 web 服务器接收数据时，数据永远是字符串。

通过 JSON.parse() 解析数据，这些数据会成为 JavaScript 对象。

 onLoad(e) {
    console.log(e);
    this.setData({
      clickItem: JSON.parse(e.clickItem)
    });
  },

关注

专栏目录