如何保存 HTML 页面的状态（jQuery 修改后）答案

【问题标题】：How to save the state of HTML page (after jQuery Modification)如何保存 HTML 页面的状态（jQuery 修改后）
【发布时间】：2013-06-13 23:49:58
【问题描述】：

您好，我正在创建一个HTML5/CSS3/javascript 纸牌游戏，它与node.js 服务器交互，我使用socket.io 作为服务器和客户端之间的传输层。我想在服务器中进行jQuery 修改（发牌或抽牌，玩家连接...）后保存HTML 页面的状态，因此当玩家断开连接并重新连接服务器时，给他保存的状态和当他离开时，他可以看到页面的状态，或者如果玩家断开连接，另一个玩家可以代替他的位置。

因此，任何关于如何使用jQuery 修改来保存游戏状态的机制都将非常感激。我搜索了很多，但似乎没有找到解决方案。

【问题讨论】：

那么，你先发布你搜索的内容怎么样？
如果您只关心 html，请使用 innerHTML，但我认为这不是真的。你可能需要一些 JS 的状态？您的问题应该有代码示例，截至目前，征求建议的方式过于开放，但 Stack Overflow 是针对特定代码段的问题。
您可能希望保存状态的对象表示并相应地重建 HTML
我试过innerHTML，但它只保存了没有太大帮助的html
@verybadalloc 我尝试保存内部 html 但没有成功，我尝试将所有发出的信号保存在套接字中，当玩家重新连接时，他恢复了所有发出的信号但没有既不工作

标签： javascript jquery html node.js socket.io

【解决方案1】：

您可能希望将您的状态存储在某种 js 对象中，可能是这样的

var state = {
   hand: [
      "4H",
      "7D",
      "3S"
   ],
   money: 1000
}

如果 1H 是红心 4，那么您可以轻松地将其存储在后端以及 cookie 或 WebSQL 或其他东西中。希望这会有所帮助！

【讨论】：

但我的应用程序是基于 DOM 元素及其动画 (jQuery) 的，我想保存页面的所有当前状态、手牌、发牌、位置、连接玩家的所有内容跨度>
您不必保存 DOM，而是保存您用来操作它的对象。您上面所说的所有数据都可以是您从数据库中保存/检索然后创建页面并重新填充的数据