使用 jQuery 的动态通知

Question

我目前正在为我们的员工构建一个主页，该主页将设置为他们的浏览器中的主页。我目前正在建立一个设施，指定的工作人员可以通过该设施向所有工作人员发送通知。这些将弹出在他们的主页上，而不需要他们刷新页面。

我目前得到了下面的代码，该代码对于 1 个通知运行良好，但一次可能有多个通知等待显示。我已切换为输出 json，但我不确定如何修改我的代码来使用它。

我正在使用PeriodicalUpdater 和jGrowl 插件来获得此功能，如果有更好的替代方案，请随时提出建议。

    $.PeriodicalUpdater({
        url: 'getNotifications.aspx',
        maxTimeout: 6000,
        type: 'json'
    },
    function(data) {
        var message = data;
        if (message != '') {
            $.jGrowl(message, { sticky: true });
        }
    });

作为一项附加功能，当用户关闭通知时是否可以将其存储在 cookie 中，这样他们就不会再看到它了？

谢谢。

---

好的，我已经更新了代码，现在是这样了；

        $(document).ready(function() {
        var alreadyGrowled = new Array();

        var growlCheckNew = function() {
            $.getJSON('getNotifications.aspx', function(data) {
                $(data).each(function(entryIndex,entry) {
                    var newMessage = true;
                    $(alreadyGrowled).each(function(index,msg_id) {
                        if (entry['ID'] == msg_id) {
                            newMessage = false;
                        }
                    });

                    if (newMessage == true) {
                        $.jGrowl(entry['Message'], {
                            sticky: true,
                            header: entry['Title'],
                            beforeClose: function(e,m) {
                                alert('About to close this message');
                            }
                        });
                    }
                    alreadyGrowled.push(entry['ID']);
                });
            });
        }

        growlCheckNew();

        var msgTimer = setInterval(growlCheckNew, 1000);

    });

但是，当我关闭咆哮通知时，我的警报没有触发？！在将一些代码保存到 cookie 之前，我已经将它放在那里来检查它是否有效。这看起来合适吗？

Answer 1

您可以将所有消息作为 JSON 输出中的列表输出，并简单地在 javascript 中迭代消息列表。

JSON 输出：

{
    messages:['msg1', 'msg2', 'msg3']
}

JavaScript:

$.PeriodicalUpdater({
    url: 'getNotifications.aspx',
    maxTimeout: 6000,
    type: 'json'
},
function(data) {
    for(message in data.messages) {
        $.jGrowl(message, { sticky: true });
    }
});

Answer 2

至于cookie问题，您可以使用jQuery Cookie插件来解决那。

句法：

// To set a cookie ‘foo’ with value 'bar':
$.cookie('foo', 'bar');
// To get the value stored in a cookie:
$.cookie('foo'); // 'bar'

Answer 3

在类似的情况下，我们使用在 IIS 后端运行的 rss 文件以及免费工具来编辑 .xml。然后我们使用 RSS 小部件来显示最新新闻，有些人使用 RSS 阅读器，其他人也使用 Outlook。

快速又简单。