如何在網頁之間存儲數據？

Question

如何在JS頁面之間存儲一些信息？

我的webapp使用sql查詢來填充幾頁，這些查詢通常會返回相同的結果。有沒有辦法將這個結果存儲在一個JS變量中，並且只在某些事件中用sql查詢強制刷新？

這對於SQL查詢有多高效？與餅乾？

Answer 1

你可以嘗試Local Storage.

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

您也可以按照single page web app模式，使用Ajax，查找backbone.js更多信息

如果你再進一步，你可以查找框架，如Meteor能被設置爲推動更新到客戶端只有當有變化（還有其他方式，但我喜歡流星這麼做）