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

来源:互联网 发布:如何激活蜂窝移动数据 编辑:程序博客网 时间:2024/04/28 08:48

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

0 0