zoukankan      html  css  js  c++  java
  • 【学艺不精系列】自制简易 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>
  • 相关阅读:
    pycharm快捷键
    Java线程的生命周期
    Java中的管程
    Java并发编程之入门
    Linux系统监控命令
    RT-Thread 搜集一些其他博主的博客以备学习
    late_initcall 替换 module_init
    去掉行尾的^M
    ST3 C程序自动补全
    MinGW-W64 编译 LLVM 与 Clang
  • 原文地址:https://www.cnblogs.com/i0air/p/2724668.html
Copyright © 2011-2022 走看看