关于前后台交互时'和"的问题
来源:互联网 发布:如何激活蜂窝移动数据 编辑:程序博客网 时间: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代码混在一起!
- 关于前后台交互时'和"的问题
- jsp和java前后台的交互
- 关于Servlet中前后台交互中文乱码问题的解决
- 关于json数据的前后台交互(mvc)
- 多个复选框的前后台交互问题
- 2016-6-25 前后台交互问题
- 前后台数据交互编码问题
- spring mvc 前后台json交互问题
- JSF中selectonemenu中前后台交互的问题和javascript访问h:form中控件的问题
- web 前后台数据交互的方式
- json 与DATATABLE 前后台的交互
- Ajax+jquery 的前后台交互学习
- web前后台的参数交互方式
- jQuery的ajax前后台数据交互
- web 前后台数据交互的方式
- Highchartsjs前后台交互的简单案例
- web前后台数据交互的方式
- Struts2:前后台的数据交互
- 杭电2050折线分割平面,递推
- jiandanchiqu
- [已解决]brew update出错:error: could not lock config file .git/config: Permission denied
- 缓存到SD卡
- 四大组件 — ContentProvider 内容提供者
- 关于前后台交互时'和"的问题
- Android冷启动白屏黑屏处理
- 网络流
- Search Insert Position
- 从地址栏输入URL到页面加载完成了什么操作
- SSM框架——详细整合教程(Spring+SpringMVC+MyBatis)
- NYOJ14会场安排问题
- HDU 5685 Problem A
- 立方体动画制作------方法二