使用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. PAT甲级1016. Phone Bills

    PAT甲级1016. Phone Bills 题意: 长途电话公司按以下规定向客户收取费用: 长途电话费用每分钟一定数量,具体取决于通话时间.当客户开始连接长途电话时,将记录时间,并且客户挂断电话时也 ...

  2. Testcase的编写

    ‘ID’用于记录某一功能: ‘标题’用于表示某一Case:(一个功能有多个Case) ‘优先级’标记Case的重要等级,运行顺序 ‘测试步骤’记录测试流程 1.Given:条件 2.And:进行某些前 ...

  3. js利用正则替换图片路径问题

    /* * 需求:给图片的src地址前面增加为assets * * 1. 将需要匹配的内容原封不动的写入正则表达式 * 2. 将改变的内容替换为.*? * 3. 将.*?添加(),目的是为了能够将src ...

  4. 解决Visual Studio 2015创建工程时的“DNX SDK version 'dnx-clr-win-x86.1.0.0-beta5' failed to install.”错误

    前段时间发布了Visual Studio2015,在后,发现创建Asp.Net工程和时,出现了"DNX SDK version 'dnx-clr-win-x86.1.0.0-beta5' f ...

  5. External components provide true shutdown for boost converter

    The step-up switching-converter circuit in Figure 1 presents a familiar problem: If you shut down bo ...

  6. Papilio Pro Boards

    http://papilio.cc/index.php?n=Papilio.PapilioOne The Papilio is an Open Source FPGA development boar ...

  7. STN1110 Multiprotocol OBD to UART Interpreter

    http://www.obdsol.com/stn1110/ Safe, secure bootloader. Reflash the firmware in the field, even over ...

  8. Spring Bean引用例子

    在Spring,bean可以“访问”对方通过bean配置文件指定相同或不同的引用. 1. Bean在不同的XML文件 如果是在不同XML文件中的bean,可以用一个“ref”标签,“bean”属性引用 ...

  9. Andorid之Annotation框架初使用(二)

    Fragment: @EActivity(R.layout.fragments) public class MyFragmentActivity extends FragmentActivity { ...

  10. 《Unity3D大风暴之入门篇(海量教学视频版)》

    <Unity3D大风暴之入门篇(海量教学视频版)> 基本信息 作者: 智画互动开发团队 出版社:电子工业出版社 ISBN:9787121222429 上架时间:2014-1-13 出版日期 ...