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

  • 相关阅读:
    NO6 alias-unalias命令,递归创建目录,如何取消覆盖提示
    NO4 find&mv-&-特殊符号..和.
    NO5 grep-head-tail命令
    linux面试题:删除一个目录下的所有文件,但保留一个指定文件
    NO3 cat-xargs-cp-mv-rm-find命令
    Linux 快速删除已输入的命令
    NO2 pwd-touch-vim-vi-echo-重定向等命令
    NO1 ip-systemctl-fdisk
    SecureCRT:保存输出日志的方法
    WMware workstation 镜像文件
  • 原文地址:https://www.cnblogs.com/chenxizhang/p/1597821.html
Copyright © 2011-2022 走看看