zoukankan      html  css  js  c++  java
  • javascript将Object Array 保存在 cookie中

    在做一个动态页面框架,类似于WebPart的那种效果.页面上有很多个动态生成的div,这些div可以拖拽,并且根据当前用户进行个性化保存。

    其中我想把数组保存到cookie中,我们知道cookie中只能保存文本,那么怎么样把一个Array保存到cookie中,并且如何进行还原呢?

    下面是一个简单的例子

    <html xmlns="http://www.w3.org/1999/xhtml">
    <head runat="server">
        <title></title>
        <script src="jquery-1.3.2-vsdoc.js" type="text/javascript"></script>
        <script src="jquery.cookie.js" type="text/javascript"></script>
        <script src="json2.js" type="text/javascript"></script>
        <script type="text/javascript">

            $(function() {
                $("#setcookie").click(function() {
                    var current = new Array();
                    var user = new Object();
                    user.FirstName = "Ares";
                    user.LastName = "Chen";
                    current.push(user);
                    $.cookie(
                        "test",
                        JSON.stringify(current),
                        { expires: 7,domain:"xizhang.com",path:"/"});
                        //将数组转换为Json字符串保存在cookie中,过期时间为7天
                });

                $("#getcookie").click(function() {
                    var current = new Array();
                    current = JSON.parse($.cookie("test")); //从cookie中还原数组
                    alert(current[0].FirstName+","+current[0].LastName);
                });

            });
        </script>
    </head>
    <body>
        <form id="form1" runat="server">
        <input type="button" value="设置cookie"  id="setcookie"/>
        <input type="button" value="读取cookie"  id="getcookie"/>
        </form>
    </body>
    </html>

    image

    image

    image

  • 相关阅读:
    asp.net中利用session对象传递、共享数据[session用法]
    敏捷软件开发要点【转载】
    简化 Django
    由浅入深探究mysql索引结构原理、性能分析与优化
    Instagram的技术架构
    nosql数据库选型
    以Facebook为案例剖析科技公司应有的工具文化
    Hadoop2.2.0安装配置手册!完全分布式Hadoop集群搭建过程~(心血之作啊~~)
    spark0.9分布式安装
    前端开发框架选型清单
  • 原文地址:https://www.cnblogs.com/chenxizhang/p/1597821.html
Copyright © 2011-2022 走看看