我尝试每隔五秒检索一次为用户联机的朋友,但是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>
我知道我可能做错了但我无法理解,因为使用相同代码的其他功能也可以。如果我的问题不清楚,我可以尝试提供更多信息。
任何帮助都将不胜感激。
谢谢!