后端向前端通过 fastJson 传递 Json 到前端无法显示或者显示位 [object object] 问题

UU小七

于 2018-11-07 18:11:12 发布

阅读量3.9k

点赞数

CC 4.0 BY-SA版权

分类专栏： JS Error 文章标签： JSError

本文链接：https://blog.csdn.net/qq_36474549/article/details/83828840

JS 同时被 2 个专栏收录

17 篇文章

订阅专栏

Error

10 篇文章

订阅专栏

本文探讨了后端使用 FastJson 序列化 JSON 对象时，前端接收后出现 '[object object]' 错误的原因及解决办法。在前端处理 JSON 数据时，需确保正确解析和展示数据，例如使用 JSON.stringify() 方法转换对象为字符串。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在前端获取 json 数据前加上两句话：

var json = JSON.stringify(data);//格式化Json数据 

var a = eval('(' + json + ')');//转json字符串

实例：

前端：

$(function () {
    $("#btn_ok").attr("disabled", "disabled");
    $('#btn_ok').click(function () {

        $.ajax({
            url: "/generalManager/modifyManageInfo", //后台url
            type: "POST",
            dataType: "json",
            data: {                          //数据
                name: $("input[name='user_name']").val(),
                password: $("input[name='user_pawd']").val()
            },
 
          //数据返回类型，可以是xml、json等
            success: function (data) {
                //成功，回调函数
                var json = JSON.stringify(data);//格式化Json数据
                var a = eval('(' + json + ')');//转json字符串
                alert(a.row);          
            },

            error: function (er) {          //失败，回调函数
                //  alert('修改错误');
                alert(er)
            }
        });

    });
})

后端：

        try {
            //  将后台信息传至前台
            PrintWriter out = response.getWriter();
            Map<String, Object> hashmap = new HashMap<>();
            hashmap.put("row", row);
            hashmap.put("message", "ddddddddddddddddddddddddd");
            hashmap.put("HCCC", "*********************HCC");
            out.println(JSON.toJSON(hashmap));
            System.out.println(JSON.toJSON(hashmap));
            out.flush();
            out.close();
        } catch (
                IOException e) {
            e.printStackTrace();
        }