如何在ajax分页上使用cookies？

Question

我找到this和此demo，用Ajax替换页面而不重新加载。但不幸的是，当我刷新页面时。数据再次从第一页返回。如果我选择了第4页并刷新页面，我该怎么做？我还在第4页吗？

我读过一些文章，我必须使用cookies。但我不明白怎么做。那怎么样？

此代码jquery

$(document).ready(function() {
    $("#results" ).load( "fetch_pages.php");
    $("#results").on( "click", ".pagination a", function (e){
        e.preventDefault();
        $(".loading-div").show();
        var page = $(this).attr("data-page");
        $("#results").load("fetch_pages.php",{"page":page}, function(){ 
            $(".loading-div").hide();
        });

    });
});

这是什么意思？ document.cookie = "page=" + $(this).attr("data-page");

=====更新=====

<script type="text/javascript">
$(document).ready(function() {
    if(typeof(Storage) !== "undefined") {
        if (sessionStorage.clickcount) {
            $("#results").load("fetch_pages.php",{"page":sessionStorage.clickcount}, function(){
                $(".loading-div").hide();
            });
        } else {
            $("#results").load("fetch_pages.php");
        }
    } else {
        $("#results").load("fetch_pages.php");
    }
    $("#results").on( "click", ".pagination a", function (e){
        e.preventDefault();
        $(".loading-div").show();
        var page = $(this).attr("data-page");
        sessionStorage.clickcount = page;
        $("#results").load("fetch_pages.php",{"page":sessionStorage.clickcount}, function(){
            $(".loading-div").hide();
        });


    });
});
</script>