在迭代前后端不分离项目时同时使用EL模板和ES6语法时${}产生冲突

最近在迭代一个前后端不分离的老项目,jsp语法对于一个前端新手总是显得不是很友好的,毕竟写html和js代码多了以后,在更改jsp代码的时候会有一些不适应,比如在ajax获取请求并且使用jquery和ES6渲染页面的时候,jsp的EL模板和ES6的拼接字符串都用到了${}这个表达式:


这一段代码本身我分离出一个单独的js去写的,在解析这段代码时出现了问题:

var node = $(`
                    
                        
                        
                    
                `)

因为${home}是el表达式而其他的,其他的是ES6的模板语法,遇到这个问题怎么解决呢?

直接将这个ajax的代码写在jsp文件中,并将要插入的节点中的es6模板语法作为字符串传给el模板!

var node = $(`
                    
                        
                        
                    
                `)

这样就可以在jsp文件中完美使用ajax获取后端数据并渲染页面了~~

你可能感兴趣的:(在迭代前后端不分离项目时同时使用EL模板和ES6语法时${}产生冲突)