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中的模版渲染,在后端渲染返回的是字符串内容,就不会出现问题。

最后

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

相关推荐
牧艺16 小时前
cos-design v3.0:从 15 个 Demo 到 49 个组件的视觉特效库
前端·视觉设计
lichenyang45316 小时前
ASCF 架构升级总览:WebRuntimePage 为什么要变薄
前端
道友可好16 小时前
从今天开始:你的第一个 Harness Engineering 实践
前端·人工智能·后端
Linsk16 小时前
组件 = 模板 + 业务逻辑
java·前端·vue.js
二月龙16 小时前
移动端 H5 页面开发:响应式适配 + 低版本兼容实战指南
前端
小强198817 小时前
HTML5 新表单全解:日期、手机号、颜色选择器
前端
妙码生花17 小时前
从 PHP 到 AI + Golang,程序员自救转型手记(二):目录结构、初始化 GIT、设计并开发配置系统
前端·后端·go
鱼人17 小时前
HTML5 本地存储终极指南
前端
超绝大帅哥17 小时前
React的Fiber是什么? Vue为什么不需要Fiber ?
前端
yingyima17 小时前
正则表达式分组与捕获:凌晨3点服务器报警的解决方案
前端