JSON ajax响应无法在html中呈现

Question

我尝试每隔五秒检索一次为用户联机的朋友，但是jquery不会在html中显示json结果，即使返回的json字符串包含朋友的名字（s） ）。我检查了控制台，甚至做了一个警告框进行测试，它可以工作，我只是无法让它显示在一个段落标签内。

这是我的代码：

$(function() {
    function buildOnlineFriendList() {
        $.getJSON("/members/friends/get-friends-online", function() {
        }).done(function(msg) {
            if (msg.friends == "" || msg.friends == undefined) {
                $('#friends').html("No friends are online.");
            } else {
                var friendNames = msg.friends.join('<br />');
                $('#friends').html(friendNames);
            }
        }).fail(function(msg) {
            $('#friends').html(msg.message);
        });
    }

    setInterval(function() {
        buildOnlineFriendList();
    }, 5000);

     buildOnlineFriendList();
});

和html：

<!-- right column -->
<div class="w3-col m2">
    <div class="w3-card-2 w3-round w3-white">
        <div class="w3-container">
            <p class="w3-center">Friends Online</p>
            <p class="w3-left" id="friends"></p>
        </div>
    </div>
<!-- end right column -->
</div>

我知道我可能做错了但我无法理解，因为使用相同代码的其他功能也可以。如果我的问题不清楚，我可以尝试提供更多信息。

任何帮助都将不胜感激。

谢谢！