使用jQuery操作cookie之前需要引入jQuery的一个cookie小组件js,代码如下:
 
/*
        jQuery cookie plugins
*/
jQuery.cookie = function(name, value, options) {
    if (typeof value != 'undefined') { // name and value given, set cookie
        options = options || {};
        if (value === null) {
            value = '';
            options.expires = -1;
        }
        var expires = '';
        if (options.expires && (typeof options.expires == 'number' || options.expires.toUTCString)) {
            var date;
            if (typeof options.expires == 'number') {
                date = new Date();
                date.setTime(date.getTime() + (options.expires * 24 * 60 * 60 * 1000));
            } else {
                date = options.expires;
            }
            expires = '; expires=' + date.toUTCString(); // use expires attribute, max-age is not supported by IE
        }
        var path = options.path ? '; path=' + options.path : '';
        var domain = options.domain ? '; domain=' + options.domain : '';
        var secure = options.secure ? '; secure' : '';
        document.cookie = [name, '=', encodeURIComponent(value), expires, path, domain, secure].join('');
    } else { // only name given, get cookie
        var cookieValue = null;
        if (document.cookie && document.cookie != '') {
            var cookies = document.cookie.split(';');
            for (var i = 0; i < cookies.length; i++) {
                var cookie = jQuery.trim(cookies[i]);
                // Does this cookie string begin with the name we want?
                if (cookie.substring(0, name.length + 1) == (name + '=')) {
                    cookieValue = decodeURIComponent(cookie.substring(name.length + 1));
                    break;
                }
            }
        }
        return cookieValue;
    }
};
 
然后开始在页面写操作cookie存储用户信息js函数(方法),保存时间为两年,例子如下:
 
// 写入cookie
function writeHistoryCookie() {
        var formatJson = {"data":[]};
        var jsonCookie = {"screen_name":escape(screen_name),"screen_ico":escape(screen_ico),"screen_location":escape(screen_location),
                        "screen_score":escape(screen_score),"userid":escape(userid)};
        
        // parameters value is null? string return
        if(!jsonCookie.userid){
                showHistory();
                return;
        }
        //read all history
        var objs = $j.cookie('historyCooike');
        var arrayCookies = [];
        var jsonObjs = null;
        if(objs != null){
                                // 值得注意的是,json转字符串和字符串转json的使用方法一定要清楚并检测是否兼容浏览器
                jsonObjs = jQuery.parseJSON(objs);
                for(var i=0;i<jsonObjs.data.length;i++){
                        var js_name = unescape(jsonObjs.data[i].screen_name);
                        var js_ico = unescape(jsonObjs.data[i].screen_ico);
                        var js_id = unescape(jsonObjs.data[i].userid);
                        var js_location = unescape(jsonObjs.data[i].screen_location);
                        var js_score = unescape(jsonObjs.data[i].screen_score);
                        if(userid != js_id){
                                var temp = {"screen_name":escape(js_name),"screen_ico":escape(js_ico),"screen_location":escape(js_location),
                                                                "screen_score":escape(js_score),"userid":escape(js_id)};
                                formatJson.data.push(temp);
                        }
                }
        }
        if(formatJson.data.length > 9){
                formatJson.data.pop();//delete last one
        }
        //put to first
        formatJson.data.unshift(jsonCookie);
        //get string type json
        jsonObjs = JSON.stringify(formatJson);
        //writer
        $j.cookie('historyCooike', jsonObjs , {expires: 365 * 2, path: '/'});
        //writer over show
        showHistory();
}
 
// 读取cookie
function showHistory() {
        var str='';
        var historyCooike = $j.cookie('historyCooike');
        var cookieObjs = null;
        if(historyCooike != null){
                cookieObjs = jQuery.parseJSON(historyCooike);
                for(var i=0;i<cookieObjs.data.length;i++){
                        var cookie_name = unescape(cookieObjs.data[i].screen_name);
                        var cookie_ico = unescape(cookieObjs.data[i].screen_ico);
                        var cookie_id = unescape(cookieObjs.data[i].userid);
                        var cookie_location = unescape(cookieObjs.data[i].screen_location);
                        var cookie_score = unescape(cookieObjs.data[i].screen_score);
                        if(cookie_id == null || cookie_id == 'undefined') continue;
                        str +=  '<li>' +
                              '<div class="imgPL">' +
                                '<a class="blue" href="profile.do?uid=' + cookie_id + '">' +
                                   '<img border="0" src="' + cookie_ico + '">' +
                                '</a>' +
                              '</div>' +
                             '<p>' +
                              '<span><a href="profile.do?uid=' + cookie_id + '">' + cookie_name + '</a></span> [' + cookie_location + ']'+
                               '<br />'+
                                          '微博价值:<em class="red">' + cookie_score + '</em>'+
                            '</p>'+
                                '</li>'
        }
        }
        if(str == '') {
                $j('#right_user_list').html('<li style="text-align:center; line-height:40px; color:#646464; font-size:12px; border:none; padding-bottom:0px;">暂无查询记录</li>');
        }else{
                str += '<div style=" text-align: right; color:#0691C4; cursor:pointer; padding-top: 7px; font-size: 12px; padding-right:10px;"><span id="clearJL" onclick="clearCookie()">清空记录>>></span></div>';
                $j('#right_user_list').html(str);
        }
}
 
// 清除cookie
function clearCookie(){
        $j.cookie('historyCooike', null);
        showHistory();
}

jQuery 操作cookie保存用户浏览信息的更多相关文章

  1. 利用Cookie保存用户身份信息实现免登录

    <%@page import="sun.misc.BASE64Encoder"%> <%@page import="java.util.Base64.E ...

  2. java的web项目中使用cookie保存用户登陆信息

    本文转自:http://lever0066.iteye.com/blog/1735963 最近在编写论坛系统的实现,其中就涉及到用户登陆后保持会话直到浏览器关闭,同时可以使用cookie保存登陆信息以 ...

  3. 使用cookie保存用户登录信息

    写入Cookie HttpCookie _cookie = new HttpCookie("User"); _cookie.Values.Add("UserName&qu ...

  4. jQuery cookie插件保存用户登陆信息

    通过jquery cookie插件保存用户登录信息. 代码: <html>  <head>  <title>cookies.html</title>  ...

  5. Jquery操作cookie,实现简单的记住用户名的操作

     一.jquery.cookie.js介绍  jquery.cookie.js是一个基于jquery的插件,一个轻量级的cookie 插件,可以读取.写入.删除 cookie. jquery.cook ...

  6. php使用session来保存用户登录信息

    php使用session来保存用户登录信息 使用session保存页面登录信息 1.数据库连接配置页面:connectvars.php <?php //数据库的位置 define('DB_HOS ...

  7. jQuery 操作Cookie

    一个轻量级的cookie 插件,可以读取.写入.删除 cookie. 下载地址:http://plugins.jquery.com/cookie/ (在实际中可以用这个保存cookie保存用户的习惯, ...

  8. day 66 Django基础之jQuery操作cookie

    Django基础之jQuery操作cookie   jquery之cookie操作 定义:让网站服务器把少量数据储存到客户端的硬盘或内存,从客户端的硬盘读取数据的一种技术: 下载与引入:jquery. ...

  9. day 62 Django基础之jQuery操作cookie

    Django基础之jQuery操作cookie   jquery之cookie操作 定义:让网站服务器把少量数据储存到客户端的硬盘或内存,从客户端的硬盘读取数据的一种技术: 下载与引入:jquery. ...

随机推荐

  1. 从网络得到数据--Arduino+以太网

    昨天我们讨论了如何使用Arduino以太网插板建立服务器,并通过网络控制Arduino的引脚.今天我们来看看用插板做为客户端来从一个网页上得到信息并返回报告.我几个月前用的这个方法,当时我做了一个Ni ...

  2. linux上SVN解决冲突的办法

    转载:http://www.aixchina.net/club/thread-25902-1-1.html 这里,先说说冲突解决. 怎么会发生冲突呢? 两个人修改了不同文件?不会有冲突,他们不相关. ...

  3. 一步一步实现listview加载的性能优化

    listview加载的核心是其adapter,本文针对listview加载的性能优化就是对adpter的优化,总共分四个层次: 0.最原始的加载 1.利用convertView 2.利用ViewHol ...

  4. FIS3配置fis-conf.js

    设置规则的配置接口: fis.match(selector, props); 1.添加md5戳:对 js.css.png 图片引用 URL 添加 md5 戳: fis.match('*.{js,css ...

  5. java_Collection_详细介绍

    转自:http://blog.sina.com.cn/s/blog_3fb3625f0101aref.html 1.类集框架 java.util 包中包含了一些在 Java 2 中新增加的最令人兴奋的 ...

  6. SQL中关于where后面不能放聚合函数(如sum等)的解决办法

    我们在编写较为复杂的SQL语句的时候,常常会遇到需要将sum()放到where后面作为条件查询,事实证明这样是无法执行的,执行会报[此处不允许使用分组函数]异常. 那么如何解决呢,使用HAVING关键 ...

  7. lodop同一页面一次性打印多次

    怎么让打印机打印双份?lodop有设置吗?SET_PRINT_COPIES名称:设置打印份数格式:SET_PRINT_COPIES(intCopies)功能:设置本次打印的份数结果:返回逻辑结果,成功 ...

  8. WinForm特效:同时让两个窗体有激活效果

    windows api,一个窗体激活的时候给另外一个发消息 using System; using System.Windows.Forms; using System.Runtime.Interop ...

  9. myBatis + SpringMVC上传、下载文件

    摘自: http://limingnihao.iteye.com/blog/1069503 环境:maven+SpringMVC + Spring + MyBatis + MySql 本文主要说明如何 ...

  10. 【python】Django设置SESSION超时时间没有生效?

    按手册和网上的方法在settings.py中设置“SESSION_COOKIE_AGE” 和 “SESSION_EXPIRE_AT_BROWSER_CLOSE” 均不生效. 通过查看django的源代 ...