关于前后台交互时'和"的问题

最近在项目中遇到一个问题：前台表单填写的数据含有 ’ 或者 “，传到java服务器端正常接收，正常保存到数据库。在页面显示的时候，使用的velocity模板，就像下面这样：

<div>initData('$!{data}');</div>

data为Controller存入Model的一个jsonObject对象（fastjson），比如为

class User{
    private String name;
    ...
}
User user = new User("麦'子");
JSONObject jsonObj = new JSONObject();
jsonObj.put("user", user);
model.addAttribute("data",jsonObj.toString());

即{"user" : {"name" : "麦'子" } } 格式的字符串，经过vm引擎渲染之后页面内容发送给客户端，客户端收到的数据为：

<div>initData('{"user" : {"name" : "麦'子" } }');</div>

如果data里面没有 ’ 单引号，那么页面正常显示，给initData函数传入了一个对象； 但是如果data含有 ’ 单引号，上面这段内容便会出现语法错误，类似 Uncaught SyntaxError: Unexpected identifier 这种。

解决方法一目了然，应该将’ ’ js串里的单引号转义，因为vm引擎直接把值渲染到页面中了，不太好处理，所以在java代码里将user对象里字符串属性中含有 ’ 的进行转义。为了保险，顺便将 ” 也进行转义。

private User handleSingleQuote(User user) throws IllegalAccessException {
       Field[] fields = User .class.getDeclaredFields();
       for (Field field : fields) {
           field.setAccessible(true);
           String type = field.getType().toString();
           if(type.endsWith("String")){
               String fieldValue = (String)field.get(user);
               if(fieldValue!=null){
                field.set(user,handleString(fieldValue));
               }
        }
        return usefulAddressInfoList;
    }
private String handleString(String str) {
        return str.replaceAll("\'","\\\\\'").replaceAll("\"","\\\\\"");
    }

handleString(user)

因为java的语法首先要对\进行转义，处理完之后才交给正则引擎，所以需要使用 \\\\ 表示 \\ 交给正则引擎，正则引擎再将其处理为 \ 。

结果这样处理完之后，页面还是报错，于是在后台打印了一些log，发现是由于fastjson会对内容进行一些处理，在包含有 \反斜杠和 ’ 单引号的时候会删掉或添加一些反斜杠，具体规则没有看源码。。

想了一下，看来只能写java util类在vm引擎渲染值的时候处理了。

后来又想了一下，其实不用这样，我直接处理jsonObject.toString()就完事了，在jsonObject处理完之后我再处理它。

经过这样处理，页面能够正常显示不报错了。

但是后来又试了一下，如果用户输入的name为 \' ，在页面中斜杠显示不出来。。 到现在我应该放弃这种做法了，究其原因还是vm把值直接渲染到js代码中并赋值给一个引用的原因。

教训：不要把vm代码与js代码混在一起！