Java处理JSON数据返回到前端的反斜杠

素颜马尾好姑娘i 2022-05-14 16:24 3445阅读 0赞

# 一、场景简述 #

在写后端返回JSON数据到前端的时候，遇到了前端一直无法获得后端传输的数据，但实际已经后端已经传输到前端了。在看前端获取到后端返回的数据的时候发现JSON中含有反斜杠，如下图

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dfbGludXg_size_27_color_FFFFFF_t_70][]

想必一定是这个转义符导致前端显示数据失败。

--------------------

# 二、解决方案 #

笔者一开始用document.toJson().replace("\\"","'")将反斜杠+双引号转换成单引号，但无果。

笔者就用了import net.sf.json.JSONArray;包下的JSONArray.fromObject(list)实现了，具体实现如下

**1、首先maven添加依赖**

**2、具体后端测试代码**

public JSONObject test(@RequestParam(defaultValue="10")int pageSize, @RequestParam(defaultValue
                ="0")int pageNumber){
            List<String> list = new ArrayList();
            JSONObject jsonobj = new JSONObject();
            MongoClient mongoClient = new MongoClient("localhost", 27017);
            MongoDatabase mongoDatabase = mongoClient.getDatabase("mongodb数据库名");
            MongoCollection<Document> collection = mongoDatabase.getCollection("mongodb集合名");
            //获取mongodb中符合条件的document
            FindIterable<Document> findIterable = collection.find().skip(pageNumber).limit(pageSize);
            //遍历
            for (Document document : findIterable) {
                //向list中添加符合条件的docement
                list.add(document.toJson());
            }
            //处理了反斜杠问题
            JSONArray jarr = JSONArray.fromObject(list);
            //分页限制打印
            System.out.println(pageNumber);
            System.out.println(pageSize);
            jsonobj.put("rows",jarr);
            jsonobj.put("total",4);
            return jsonobj;
        }

查看下返回给前端的JSON

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dfbGludXg_size_27_color_FFFFFF_t_70 1][]

可以看到已经没有反斜杠了，问题解决，前端数据显示成功

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dfbGludXg_size_27_color_FFFFFF_t_70]: /images/20220503/9448397e3d7d4bf0b596d2786f524768.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dfbGludXg_size_27_color_FFFFFF_t_70 1]: /images/20220503/9b33d812e1814248b9e62943a34a8a8a.png