javascript - html5ストレージAPIを介してコンテンツを保存してロードする方法は?

Question

1 - 私はこの地図を持っています: 見て!

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();
});

ページが更新されている間、地図の位置を座標に保つ方法を教えてください。

Answer 1

ロード後、次の方法で座標を保存できます。

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

リロード後、ストレージにあるものに合わせてセットアップを調整します

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