为什么前端拿到后端返回的数据显示[object Object]

我想实现弹窗显示我查询的结果，但是前端显示object，怎么解决啊，我只想获取rblist下的rbAd字段的所有内容
前端代码

function XtCcRb(){
     var ckbs=$("#qgInfo input[type=checkbox]:checked");
     var id=ckbs.val();
     $.ajax({
            url:"/RbHotPower/RbCon/findxtccrb.action",
            async:false,
            dataType:"json",
            data:{
                "ids":id
            },success:function(data){
                console.log(data); 
                alert("热表总数量："+data.rowCount+"\n"+data.rbList)
                   }
    });
        
    }

后端代码

        JSONObject json = new JSONObject();
        rbList = rbService.findxtccrb(ids);
        json.put("rbList", rbList);

接口测试

前台弹窗显示效果

将data.rbList替换为：JSON.stringify(data.rbList)，试试看

//转成JSON对象
let getData=JSON.parse(JSON.stringify(data))

参考下面这个
https://www.cnblogs.com/bhy-1116/p/9560084.html

看我这篇文章，对各种json分析

javascript解析json字符串，各种格式分析_xcLeigh的博客-CSDN博客_js解析json字符串 javascript解析json字符串，各种格式分析JSON.parse() 方法用于将一个 JSON 字符串转换为对象JSON.stringify() 方法是将一个JavaScript值(对象或者数组)转换为一个 JSON字符串Unexpected token o in JSON at position 1JSON.parse() 方法用于将一个 JSON 字符串转换为对象var str = '{"name":"xcSharp","age":"18"}'JSON.parse(str);//结果为一 https://blog.csdn.net/weixin_43151418/article/details/124752520

可以试试这种

$.ajax({
            url:"/getInfo",
            type："POST"
            data:{
                "ids":id
            },success:function(data){
                console.log(data);
                alert("热表总数量："+data.rowCount+"\n"+data.rbList)
                   }
    });   前端


后端
@RequestMapping(value = "/getInfo", method = RequestMethod.POST)
    @ApiOperation(value = "获得rbList", httpMethod = "POST", notes = "获得rbList")
    public Object getInfo(@RequestBody String ids) {
           return      rbList = rbService.findxtccrb(ids);

}

想要获取那一个字段的话，直接用数组map函数