您的位置:首页 > Web前端

前端 js 拼接json数据 ,以及后端java转义 " 字符串

2017-12-12 00:00 2895 查看
有一个需求,就是前端 使用 js 创建 几条 有点长的json 格式的数据 ajax给后端去保存。
可是在 拼接的时候,老是 不懂怎么拼接,怎么转成json的字符串数据。

刚开始做的时候,想的是, 使用一个js的map 。去 放入 key -value 的数据,然后把map放入
一个 js的数组里面,然后 将该数组给 转成json格式的数据。
可是发现,根本不能讲 有 map的 list 数组给转成json 字符串,,,
如果 单纯的使用数组肯定不行,。。。百度了一通,,,都没有找到解决办法,,,

在 冷静了一下,去吃个饭,回来耐心一般玩, 一边百度。。。
原来是使用 object 对象去 替代 map 就完成了,,,而且 转出来是 完美的json格式的数据,
可以放心的 ajax给后台了。

下面是例子解决的方法--2中方式比较:

$(function(){

var arr =  new Array();
var jarr=new Array();

for (var i = 0; i < 2; i++) {
var map=new Map();
var obj = new Object();
obj["a"+i]="aa";

map.set(i,"aa");

jarr.push(map);

arr.push(obj);

}

console.log(">>>"+jarr.toString());

console.log("22>>>"+JSON.stringify(jarr));
console.log(">>>>>>>>>>>>>");
console.log(">>>"+arr.toString());

console.log("22>>>"+JSON.stringify(arr));

});

下面是 前端的输出结果:

>>>[object Map],[object Map]
22>>>[{},{}]
>>>>>>>>>>>>>
>>>[object Object],[object Object]
22>>>[{"a0":"aa"},{"a1":"aa"}]

可以看到,map对象完全不能转成json 。

将 该json数据 ajax 给后台,注意,后台可能需要 将  字符串里面的 双引号给 转义一下。
这样才是后端可以使用 json了,可以直接 使用 json工具类进行转换对象了。

总结

可以发现
对于js来说, 其实 json对象就是 object 对象,,,json对象是 object 对象的一种。。。

上面的是前端的。
到了后端转义。。。
如果不转义就是这样的字符串

[{&quot;material&quot;:&quot;22&quot;,&quot;minThickness&quot;:&quot;22&quot;,&quot;maxThickness&quot;:&quot;22&quot;,&quot;minUnitPrice&quot;:&quot;22&quot;,&quot;maxUnitPrice&quot;:&quot;22&quot;},{&quot;material&quot;:&quot;33&quot;,&quot;minThickness&quot;:&quot;33&quot;,&quot;maxThickness&quot;:&quot;33&quot;,&quot;minUnitPrice&quot;:&quot; 33&quot;,&quot;maxUnitPrice&quot;:&quot; 33&quot;}]

看到了吧。。。这样 子肯定不能使用的。
百度一下,。。。发现 比较少 帮助。。。
其实很简单,只是 替换 即可。

params.replace("&quot;", "\"");

这里写 & 要注意,不是我们  按 shift 出来的 & 是不一样的。 被坑了一下。
他们是不一样的。 人家是 html 专用的。

当然看到有 网友这样处理:

String newJson = StringEscapeUtils.unescapeHtml4(jsonStr);

可是需要版本比较高的 apache.common 包。 否则没有这个方法。 而 低版本的不可以。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: 
相关文章推荐