php - 如何使客户端代码在页面刷新时工作

Question

我需要为 Web 客户端提供推送通知，但问题是推送通知不会在页面刷新时停留在屏幕上。我应该如何在不编写 db 的情况下使其在定义的时间内在屏幕上可用？

客户端

socket.on('notification', function (data) {
    //console.log(data.message);

    $('#pushnotif').html(data.message);
     socket.emit('other', data);

    });

服务器端

function sendMessage(message) {
    io.sockets.volatile.emit('notification', {'message': message});
    console.log("abc");
}

Answer 1

推送通知被丢弃是因为刷新浏览器窗口时，当前状态(包括整个DOM)被丢弃。您需要在服务器端或客户端保留消息。

如果您已经在使用某种形式的 session ，您可以将消息写入您的事件 session 。或者，如果您在提交之前的某个时间点已经存储了通知，您可以简单地延迟将它们从该存储中删除(延迟一定时间或直到用户关闭它们，将事件发送回服务器)并重新发送每个初始连接上的所有存储通知。

但是因为你说你想避免写入数据库，所以我认为这是不可能的。

在客户端存储状态的传统解决方案是使用 cookies。您也可以通过操作 document.cookie 在客户端设置 cookie，但这有点难看。

more modern approach正在使用 localStorage(大多数现代浏览器支持的特定于域和端口的键值存储)或其兄弟。如果您不想依赖 HTML5 支持(例如，您正在与 IE6 用户打交道)，那么 there are plenty of solutions围绕各种等价物提供广泛的抽象。请注意，对于 IE8 及以下版本，存储大小可能非常有限，因此请小心转储到其中的数据类型。

如果您愿意将此功能的支持限制在现代网络浏览器的用户范围内，并希望继续使用 jQuery，there's even a jQuery plugin for that ，它为 localStorage 和 sessionStorage 提供了包装器。