最近在项目中遇到一个问题:前台表单填写的数据含有 ’ 或者 “,传到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代码混在一起!
