js:jsonとクッキーの簡単な操作

1493 ワード

クッキーを使用すると、ユーザーの最近の閲覧履歴を記録できます.
<!DOCTYPE HTML>
<html lang="zh-cn">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
    <script src="./jquery.min.js"></script>
    <script src="./jquery.cookie.js"></script>
    <script>
        $(function(){
            $("#cookie").css("color", "red");

            var details = $.cookie("details");
            var lenth = 0;
            if(details){
                details = JSON.parse(details);
                lenth = details.length;
                $.each(details, function(index, obj){
                    $("#cookie").append("<p>name : " + obj.name + ", " + "age : " + obj.age + "</p>");
                });
            }else{
                var data = [{"name" : "keen", "age" : 24},
                            {"name" : "andi", "age" : 18}];
                $.cookie("details", JSON.stringify(data));
            }
        });
    </script>
</head>
<body>

    <div id="cookie">cookie</div>

</body>
</html>

 
========>>>>