如何通過html5存儲API來存儲和加載內容？

Question

1 - 我有這樣的地圖：WATCH!

2 - 如何存儲地圖位置與HTML5存儲，當我有這樣的代碼：

var PlanetRefreshTimeSec = 1;//planet refresh time in seconds.. 
function loadData() { 
    $("#show_planet_realtime").load("../in/GameEngine/RealTimeRender.php?p=<?php echo $player; ?>", function() { 
     setTimeout(function() { 
      loadData(); 
     }, PlanetRefreshTimeSec * 1000); 
    }); 
} 
$(function() { 
    loadData(); 
}); 

我寫了這個代碼，但它似乎不工作。 ：

var PlanetRefreshTimeSec = 1;//planet refresh time in seconds.. 
function loadData() { 

    $.ajaxSetup({ 
     cache: false 
    }); 

    var updatePosition = function() { 
     var div = $('#show_planet_realtime'); 
     setTimeout(function(){div.scrollTop(div.height())},200); 
    }; 
    $("#show_planet_realtime").load("../in/GameEngine/RealTimeRender.php?p=<?php echo $player; ?>", updatePosition, function() { 
     setTimeout(function() { 
      loadData(); 
     }, PlanetRefreshTimeSec * 1000); 
    }); 
} 
$(function() { 
    loadData(); 
}); 

請告訴我，怎樣才能讓地圖上的位置保持在COORDS同時頁面被刷新？

Answer 1

負荷後，可以爲您節省COORDS這樣：

localStorage.setItem("coords-player23423", coords); 

，並重新加載設置COORDS後，那些在存儲

var coords = localStorage.getItem("coords-player23423"); 
player.updateCoords(coords);