ThymeLeaf+LayUI表单回显数据时特殊字符的处理

ThymeLeaf+LayUI表单回显数据时特殊字符的处理

特殊字符有哪些：比如 ‘  ，< ，  >  等等

还有一种就是回车符号\n \t

当 你提交的数据中包含 很多特殊字符 并且有回车  比如 你在表单中提交了一个sql , 那么直接用下面的回显方式就会报错：

form.val{

    "sql","[[${sql}]]"  // sql跳转界面传过来的

}

 

这样直接回显的时候会报以下错误：

Uncaught SyntaxError: Invalid or unexpected token

如何避免呢，很简单：

使用ajax请求后端获取到要回显的对象（数据）

 $.ajax({
            async: false,
            url: contextPath + 'demo/getSql',
            type: 'get',
            dataType:'json',
            success: function (result) {
                console.log(result)
                form.val('formFilter',{
                    "sql":result.sql,
                })
            }
        });

界面如下：

                

                    

                        sql:
                    
                    

                        
                    
                

后端请求如下：

@GetMapping("/getSql")
    @ResponseBody
    public Demo getBirtConfigById(HttpServletRequest request)
    {
        Demo demo = demoService.selectDemo();
        return  demo;
    }