javascript - 如何在网页之间存储数据？

Question

如何使用 JS 在页面之间存储一些信息？

我的 webapp 使用 sql 查询来填充几个页面，这些查询通常返回相同的结果。有没有办法将此结果存储在 JS 变量中，并仅在某些事件中使用 sql 查询强制刷新？

这与 SQL 查询相比效率如何？与饼干相比？

Answer 1

你可以试试本地存储。

function supportsLocalStorage() {
  try {
    return 'localStorage' in window && window['localStorage'] !== null;
  } catch (e) {
    return false;
  }
}

function saveGameState() {
    if (!supportsLocalStorage()) { return false; }
    localStorage["halma.game.in.progress"] = gGameInProgress;
    for (var i = 0; i < kNumPieces; i++) {
    localStorage["halma.piece." + i + ".row"] = gPieces[i].row;
    localStorage["halma.piece." + i + ".column"] = gPieces[i].column;
    }
    localStorage["halma.selectedpiece"] = gSelectedPieceIndex;
    localStorage["halma.selectedpiecehasmoved"] = gSelectedPieceHasMoved;
    localStorage["halma.movecount"] = gMoveCount;
    return true;
}

Answer 2

您还可以遵循单页 Web 应用程序模式并使用 Ajax，查看bone.js了解更多信息

如果您走得更远，您可以查找诸如Meteor之类的框架，这些框架可以设置为仅在发生更改时才将更新推送到客户端（还有其他方法，但我喜欢流星的方式）