javascript - 使用 javascript 或 asp.net 动态显示消息数量

Question

我会尽力解释我的问题，以避免人们给我指出不同的方向。

我接到了商务人士的任务。我不知道术语。它与电子邮件通知、Facebook 上的消息通知、社交媒体游戏上的通知非常相似。

例如，人们在 5 分钟前发送了 20 封电子邮件。屏幕将显示20(见附件)。现在，又有 3 条消息到达，网页应将数字更新为 23。

当我们的 friend 点赞/评论消息时，Facebook 也有类似的概念。通知发生变化。社交媒体游戏也是如此。我们游戏的任何状态变化都会反射(reflect)出来。

我对如何美观地做到这一点有一些想法(在 CSS 上)。如何使用 javascript/asp.net 做到这一点。我是否需要回发才能刷新消息？我从不关注 Facebook/雅虎电子邮件/社交媒体游戏。我只知道正在发生一些事情，网页正在更新状态。

抱歉，这个问题太宽泛了。如果有人可以帮助我指出正确的方向，我很感激任何帮助

Answer 1

HTML5 引入了一个非常有趣的概念，称为服务器发送事件，其中服务器可以动态连接到客户端并发送数据。

例如:

var source = new EventSource("demo_sse.asp");
source.onmessage = function(event) {
    document.getElementById("result").innerHTML = event.data + "<br>";
};

在服务器端你可以编写，

<%
    Response.ContentType = "text/event-stream"
    Response.Expires = -1
    <!--Writing "data:" is important-->
    Response.Write("data: The server time is: " & now())
    Response.Flush()
%>

但是，某些旧浏览器可能不支持此功能。

完成此任务的另一种方法是使用 Ajax 调用，

function checkNewMessages(totalMessages){
return $.ajax({
    url: 'demo.asp',
    type: 'GET',
    cache: false,
    data: {
       totalMessages: totalMessage;
    }
});

}

checkNewMessages(totalMessages).success(function (data) {
    // display the data wherever you want
});

    //Checking for new messages every 5 seconds
    setInterval(checkNewMessages(totalMessages,5000));

您在服务器端的 Write() 中编写的任何内容都将显示在此处。现在，要不断检查新消息，您可以在 setInterval()

的帮助下调用上述 ajax 函数