toJSON使用中遇到的问题

目录

为什么要使用JSON

在我的项目中,我想使用layui的模版来渲染我的页面,而这个页面我是想通过将它配置成参数来渲染的

具体实现是这样

javascript 复制代码
var laytpl = layui.laytpl
laytpl(html).render(data, function (string) {
      newHtml = string
    });

这个html就是我已经配成参数的页面,此时是一个通过layui的模版编写的一个模版字符串

data是需要用到的数据

在渲染后我发现,我的对象变成了[object, object]

我意识到时js将对象转为了字符串而导致的,所以这时候我们就需要将对象转为JSON。

使用JSON遇到的问题

我最开始想到的就是用js中的JSON.stringify()

JSON.stringify()会调用我们的toJSON()方法,如果没有自定义的话会调用默认的

在我将页面中的对象转为JSON格式之后,发现还是有问题报错了。

继续深入发现我的JSON变成了&quto;属性名&quto;这样了,为什么会给我转义了呢?我这html是一个字符串也不是html内容啊?

接着就想到是不是laytpl.render之后返回的是html内容呢?结果还真是他,返回的是html内容导致转义了

那我只能将这个页面在后端进行渲染了,使用了groovy中的模版渲染,在后端渲染返回的是字符串内容,就不会出现问题。

最后

如果你对本文有疑问,你可以在文章下方对我留言,敬请指正,对于每个留言我都会认真查看。

相关推荐
玲小珑几秒前
Next.js 教程系列(九)增量静态再生 (ISR):动态更新的静态内容
前端·next.js
栗子~~3 分钟前
Python实战- Milvus 向量库 使用相关方法demo
开发语言·python·milvus
狐凄5 分钟前
Python实例题:基于 Flask 的在线聊天系统
开发语言·python
狐凄6 分钟前
Python实例题:基于 Flask 的任务管理系统
开发语言·python
Mintopia9 分钟前
B 样条曲线:计算机图形学里的 “曲线魔术师”
前端·javascript·计算机图形学
前端小巷子12 分钟前
跨域问题解决方案:CORS(跨域资源共享)
前端·网络协议·面试
大大。13 分钟前
van-tabbar-item选中active数据变了,图标没变
java·服务器·前端
Mintopia15 分钟前
Three.js 3D 世界中的噪声运动:当数学与像素共舞
前端·javascript·three.js
nc_kai15 分钟前
Flutter 之 每日翻译 PreferredSizeWidget
java·前端·flutter
来碗疙瘩汤18 分钟前
使用 Three.js 与 CSS3DRenderer 在 Vue3 中加载网页为 3D 模型
前端·javascript