代码总结:jquery操作cookie插件

• 需求：记住密码

• 想法：刚开始学servlet时，实现这个功能是在服务器端new一个cookie并响应给客户端，resp.addCookie(ck)，在服务器和客户端都需要遍历getCookies返回的cookie数组，很麻烦；学了jsp，jquery后，需要在页面再次实现这个功能，本来cookie就在客户端，根本不需要靠服务器端操作，既然jquery可以操作前台，那么它就应该能够直接操作本地的cookie，所以我在网上找到了jquery操作cookie的插件，jquery-cookie v1.4.0
  jquery-cookie下载(http://plugins.jquery.com/cookie/)

• 以前纯servlet时的cookie操作

//LoginServlet.java
//添加cookie，自动填充账户及密码
if(save != null){//不为空，则保存账户和密码一个月
    Cookie ck = new Cookie("studyck",userId + "," + pwd);
    ck.setMaxAge(2592000);//秒数
    resp.addCookie(ck);
}

//LoginUi.java
String account = "";
        String password = "";
        Cookie[] ck = req.getCookies();
        if(ck != null && ck.length > 0){
            for(Cookie in :ck){
                if(in.getName().equals("studyck")){
                    String[] info = in.getValue().split(",");
                    account = info[0];//填充到文本框
                    password = info[1];//填充到密码框
                }
            }
        }

• 本地插件操作

<script type="text/javascript" src="js/jquery.cookie.js">

var save = $("#login input:eq(2)")[0].checked;
if(save == true){
    //使用jquery.cookie插件写入cookie，保存一个月
    $.cookie("qaUser",nickName+","+pwd,{expires:30});
}

//取cookie，加载登录页时填充进去
var info = $.cookie("qaUser").split(',');
var nickName = info[0];
var pwd = info[1];
$("#login input:first").val(nickName);
$("#login input:eq(1)").val(pwd);