共享到页面的对象.使用el表达式并在js代码中使用

框架. SpringMVC . jQuery

如下,我们通过把一个集合list共享到前端

model.addAttribute("list",list);

var listJson = JSON.parse('${list}');//转成json

如果前端通过el表达式获取到,然后将其转成json对象.会报错: Uncaught SyntaxError: Invalid or unexpected token  at eval.因为后台共享到前端的是一个对象.故用JSON.parse无法解析.我们可以先在后台将对象转成json字符串.

model.addAttribute("listJson", JSONArray.fromObject(list));//借用JSONArray转换成json

var listJson = JSON.parse('${listJson}');//转成json

这样在页面即可完成转换.然后就可以在js代码中操作了.另外值得注意的是 ${}外面要用单引号,双引号的话会与json中的双引号冲突无法解析.

另外也看到网上一些大神自定义EL表达式函数去完成json转换.此处也转载记录下

https://blog.csdn.net/a526059967/article/details/83309408

本文到此结束.