当使用Spring MVC在另一个数据表中单击一行时，使用数据启动一个新的数据表

基本上我想在一页上有两个表。在表1中，我想存储与区域有关的信息，在表2中，我想显示与被单击区域有关的人员信息。

我的后端使用Spring MVC生成数据。

表1以这种方式启动：

function createTable1() {
            tableOne = $('#table').dataTable({
                ajax: function (data, callback, settings) {
                    var param = {};
                    param.type = "3";
                    $.ajax({
                        type: "post",
                        url: '/area/getareainfo',
                        dataType: "json",
                        data: param,
                        success: function (result) {
                           if (result) {
                                var returnData = {};
                                returnData.data = result;
                                callback(returnData);
                            }
                        }
                    });
                },

                columns: [
                    {"data": "label"},
                    {"data": "value"},
                    {"data": "count" },
                    {"data": "count" },
                    {"data": "count"}
                ]
            });
        }

我有一段非常相似的代码来创建表2，但我不知道它是否会正常工作（除非我将destroy选项设置为true）

$('#table tbody').on('click', 'tr', function () {
                createTable2();
            });

我的任务是编写一个控制器，该控制器中继表1和表2的数据，以某种方式连接表1和表2之间的数据，并显示并工作两个数据表。我应该如何构造呢？（我对编写Spring MVC的经验为零，并且不知道如何使用ajax从表1信息和后端获取表2数据）

非常感谢您的投入！