请问 如何把数据库查询出来的两条json数据放到前台layui页面的同一个表格里。

请问 如何把数据库查询出来的两条json数据放到前台layui页面的同一个表格里。
数据库里提取出来的数据通过ResponseBody 注解自动转换成了json数据组，我的想法是把两个json数据组合在一起
例如第一条数据是[dataquery{device='50', ct=1969, inter=0}, dataquery{device='51', ct=1959, inter=00},{.}】
第二条数据是[dataquery1{inter=111}, dataquery1{ inter=222},{.}】

请问如何把第二条数据里的inter数据一对一的添加到第一条json数据里组合成一条json呢。（两个json数据条数相等)



<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <title>开始使用 layui</title>
    <link rel="stylesheet" href="https://www.layuicdn.com/layui/css/layui.css">
    <!-- <link rel="stylesheet" href="./layui/css/layui.css"> -->
</head>

<body>
    <div id="demo"></div>
    <script src="https://www.layuicdn.com/layui/layui.js"></script>
    <script>
        layui.use(['table'], function () {
            table = layui.table;

            let arr1 = { dataquery1: { device: '50', ct: 1969, inter: 0 }, dataquery2: { device: '51', ct: 1959, inter: 00 } };
            let arr2 = { dataquery1: { inter: 111 }, dataquery2: { inter: 222 } };

            var data1 = [], data2 = [];
            for (let key1 in arr1) {
                data1.push(arr1[key1]);
            }
            for (let key2 in arr2) {
                console.log(arr2[key2], '====arr2[key2]');
                data2.push(arr2[key2]);
            }

            console.log(data1, data2);

            for (let j = 0; j < data2.length; j++) {
                data1[j].inter = data2[j].inter;
            }

            console.log(data1, data2);

            let da = data1.concat(data2);

            table.render({
                elem: "#demo",
                data: da,
                cols: [[
                    { field: "device", title: 'A' },
                    { field: 'ct', title: 'B' },
                    { field: 'inter', title: 'C' },
                ]]
            });

        });
    </script>
</body>

</html>

你是想问接口怎么写，还是前端要啥数据

大概如下

layui.use(['table'], function () {
    table = layui.table;

    var data1=[    
        {device:'50', ct:1969, inter:0},                
        {device:'51', ct:1959, inter:00}                
        ];
    var data2=[{inter:111}, {inter:222}];
    
    var data=data1.concat(data2); //直接合并

    data1.forEach(function (item, index){
        item.inter=data2[index].inter;
    });

    table.render({
        elem: "#demo",
        data:data1,
        cols: [[
            {field: "device", title: 'A'},
            {field: 'ct', title: 'B'},
            {field: 'inter', title: 'C'},
        ]]
    });

});

在数据库组装可以union一下；在java方法中组装可以定义一个List<> 重新组装。

循环两个集合，按匹配规则将数据添加到另一个集合中，组成一个新集合，然后将新集合的数据放到表格里

这要看你准备怎么显示啦。

  1. 本来json就支持拼接的等进一步处理的，但具体要拼接成什么格式，需要你有明确的目标。
  2. 如果仅就显示来说，只需要根据显示要求，把数据填充进行就好，但这也需要明确的显示要求。

循环数组然后合并对象