javascript - 单击窗口聊天框中的“X 关闭”按钮时事件的本地存储？

Question

我是新手，现在正在学习HTML5。

我正在使用 CSS 构建一个窗口聊天框。现在我希望它像 facebook'chatbox 一样运行。具体来说，当我单击 tab1 上窗口聊天框上的“X”按钮时，它也会在浏览器的 tab2、tab3、tab4、....tab n 上关闭。

我还希望它能以相同的方式隐藏窗口。我想我需要使用本地存储来解决我的问题，但不知道该怎么做请帮助我!

Answer 1

第 1 步:为其创建一个数据库和一些表。您肯定需要一个存储用户的表。您将需要其他表来存储用户状态。当用户登录时，该用户将与用户表和具有用户表外键的状态表相关联。

第 2 步:您需要在服务器端开发一个服务来处理 post 请求。这些请求将更新状态或询问最新状态。

第3步:在客户端，您需要进行轮询以重复获取最新状态。

第 4 步:每当状态发生变化时，刷新 UI 组件。

第 5 步:处理 UI 事件。例如，当您单击 x 时，应将状态更新发送到需要关闭选项卡的服务器。当下一个轮询请求得到响应时，其他选项卡将获取最新状态，然后刷新 UI。

说起来容易做起来难，但这些是您需要执行的步骤。