zoukankan      html  css  js  c++  java
  • Jquery设置Cookie

    jQuery代码:
    <script src="js/jquery-1.3.1.js" type="text/javascript"></script>       <!--   引入引用jquery的库文件 -->
    <script src="js/jquery.cookie.js" type="text/javascript"></script>    <!--   引入jQuery的cookie插件 -->
    
    <script type="text/javascript">
    //初始化页面时验证是否记住了密码
    $(document).ready(function() {
        if ($.cookie("rmbUser") == "true") {
            $("#rmbUser").attr("checked", true);
            $("#wsc-username").val($.cookie("userName"));
            $("#wsc-password").val($.cookie("passWord"));
        }
    });
    
    function saveUserInfo() {
        if ($("#rmbUser").attr("checked") == true) {
            var userName = $("#wsc-username").val();
            var passWord = $("#wsc-password").val();
            $.cookie("rmbUser", "true", { expires: 7 }); // 存储一个带7天期限的 cookie
            $.cookie("userName", userName, { expires: 7 }); // 存储一个带7天期限的 cookie
            $.cookie("passWord", passWord, { expires: 7 }); // 存储一个带7天期限的 cookie
        }
        else {
            $.cookie("rmbUser", "false", { expires: -1 });        // 删除 cookie
            $.cookie("userName", '', { expires: -1 });
            $.cookie("passWord", '', { expires: -1 });
        }
    }
    </script>
    
     
    HTML代码:
    <body>
          <form action="" method="post">
            <div class="form">
                <div id="J_UserName" class="loginItem">
                         <label>用户名:</label>
                         <input maxlength="200" value="" name="u_username" class="log_Field" id="wsc-username">              
                </div>
                <div class="loginItem" id="J_Password">
                     <label>密&nbsp;&nbsp;码:</label>
                     <input type="password" value="" maxlength="20" name="u_pwd" class="log_Field" id="wsc-password">
                </div>
               
                <div class="loginRemember">                   
                        <input type="checkbox" checked="true" name="chkRememberUsername" class="checkbox" id="rmbUser">
                        <label for="rmbUser">记住用户名</label>
                        <a href="#">忘记密码?</a>
                </div>
                <div class="loginItem loginButton" id="wait">
                       <input type="submit" value="登录" onclick="saveUserInfo()" class="button" id="log_Commit">               
                </div>
            </div><!--form div-->
        </form>
     
    -------------------------------------------------------------------------------------
    下面是jquery.cookie.js用法
    $.cookie('the_cookie'); // 获得cookie
    $.cookie('the_cookie', 'the_value'); // 设置cookie
    $.cookie('the_cookie', 'the_value', { expires: 7 }); //设置带时间的cookie
    $.cookie('the_cookie', '', { expires: -1 }); // 删除
    $.cookie('the_cookie', null); // 删除 cookie
    $.cookie('the_cookie', 'the_value', {expires: 7, path: '/', domain: 'jquery.com', secure: true});//新建一个cookie 包括有效期 路径 域名等
  • 相关阅读:
    javascript获取url参数的代码
    SharePoint最简母版页
    添加 <identity impersonate="true" userName="username" password="password"/>,解决问题!
    使用SPD自定义MOSS导航
    浮动图标代码
    十五种网站最差的用户体验
    div flash firefox div层总是被flash层遮盖
    压缩数据库扩展名为.ldf的日志文件
    版本的签入签出策略
    用CSS制作的圆角层
  • 原文地址:https://www.cnblogs.com/yjtgw/p/4484058.html
Copyright © 2011-2022 走看看