Javascript 在单击时分别加载关联的JSON元素

目前，我正在从ldap服务器加载一个大型JSON对象，以显示所有组和成员。我能够解析整个文件并分离组和成员，但不能分离它们的关联。我要做的是加载组（分页），然后让用户单击组以仅加载那些关联的用户。然而，我在想如何做到这一点时遇到了一些问题。下面是我用来加载所有组和成员的内容。如果有帮助的话，我还有另一个端点可用（ldap/groups/members）

$(function displayGroupItems() {
$('.group-submit').click(function(event) {
    $.ajax({
        url:'ldap/groups',
        method: 'GET',
        dataType: 'json',
        success: function(data) {
            $.each(data.entries, function(i, dn) {
                output = '<span>'+ dn.dn +'</span>';
                content = '<a>'+dn.member+'</a>';
                $(output).appendTo('#dropdown');
                $(content).appendTo('.ldap-users');
        });
      }
    })
  });
});

$（函数displayGroupItems（）{
$（'.group submit'）。单击（函数（事件）{
$.ajax({
url:'ldap/groups'，
方法：“GET”，
数据类型：“json”，
成功：功能（数据）{
$.each（data.entries，function（i，dn）{
输出=''+dn.dn+''；
content=''+dn.member+''；
$（输出）.appendTo（“#下拉列表”）；
$（content.appendTo（'.ldap users'）；
});
}
})
});
});

那么

ldap/groups

端点返回的是成员名，而不是他们的信息？这准确吗？不，对不起。它返回条目中的所有内容。因此，完整的dn、dc、ou、UID，所有内容。我将dn.dn指定为只返回组。好的，您是说您拥有完整的用户信息，现在单击用户，您想显示您已经检索到的相关用户信息吗？正确。我有完整的组和用户信息。但是，我想将其分离出来，以便于可读性，而不是一次加载10000个条目。我可以对组进行分页，这很好，但我不希望用户加载组，直到单击组，然后只加载用户加载的组。啊，好的。当然你能做到。让端点只返回对用户的引用，然后在交互中加载用户，这是有意义的。虽然现在我对你要问的具体问题有点困惑。