• 【学艺不精系列】自制简易 Cookie 数据存储器


    起因是为了减少某个Web应用中,Cookie的使用数量,毕竟IE6只支持每个域约20个键。
    因此,我将Web应用中所有Cookie变量合并为一个Json字符串来存储。

    <html>
    <head>
        <title>Cookie 测试</title>
        <script src="Scripts/jquery-1.4.1.min.js" type="text/javascript"></script>
        <%if (false) {  %><script src="Scripts/jquery-1.4.1-vsdoc.js" type="text/javascript"></script><%} %>
        <script src="Scripts/jquery.cookie.js" type="text/javascript"></script>
        <script src="Scripts/jquery.json-2.3.js" type="text/javascript"></script>
        <script type="text/javascript">
            $().ready(function () {
                $.cookie("dbc", "{}"); // Cookie存储初始化
                $("#divdbc").html($.cookie("dbc")); // 在div中展示初始化后的Cookie
                $("#btnSet").click(function () {
                    fnSet($("#txtKey").val(), $("#txtValue").val());
                    $("#txtKey").val("");
                    $("#txtValue").val("");
                    $("#divdbc").html($.cookie("dbc"));
                });
                $("#btnGet").click(function () {
                    alert(fnGet($("#txtKey").val()));
                });
            });
            // 存储键值的方法
            function fnSet(key, value) {
                var dbc = eval("(" + $.cookie("dbc") + ")"); // 将字符串转为Json对象
                dbc[key] = value;
                $.cookie("dbc", $.toJSON(dbc));
            }
            function fnGet(key) {
                var dbc = eval("(" + $.cookie("dbc") + ")");
                return dbc[key];
            }
        </script>
    </head>
    <body style="font-family: 微软雅黑,宋体,Arial; font-size: 13px;">
        <form id="form1" runat="server">
        输入键值:<br />
        <input id="txtKey" type="text" /> = <input id="txtValue" type="text" /><br />
        <input id="btnSet" type="button" value="设置" /><input id="btnGet" type="button" value="获取" /><br />
        Cookie 列表:
        <div id="divdbc" style="border: 1px solid black;  400px; height: 200px; font-family: Consolas; font-size: 12px;">&nbsp;</div>
        </form>
    </body>
    </html>
  • 相关阅读:
    Hbase数据备份&&容灾方案
    maven 高级玩法
    Python操作MySQL -即pymysql/SQLAlchemy用法
    python
    Redis的AOF功能
    Redis的快照功能
    查看哪些进程占用了SWAP分区?
    Java进程CPU使用率高排查
    利用iptables实现基于端口的网络流量统计
    从free命令看Linux内存管理
  • 原文地址:https://www.cnblogs.com/i0air/p/2724668.html
Copyright © 2020-2023  润新知