使用jquery-cookie实现最近访问功能

最近在系统中要求做一个最近访问的功能，经过查找有关文章，发现使用jquery.cookie可以很好地解决，虽然最终做的功能没有使用这种，但还是觉得很不错，所以分享给大家

1 下载jquery.cookie.js

链接：https://pan.baidu.com/s/1c2feGU0 密码：4nj3
链接： http://plugins.jquery.com/cookie/

2 获取记录，存入cookie

var art_title = $(".blog_txt h2").text()；  //获取标题(按你的需求来)）var art_url = document.URL;        //获取地址(按你的需求来)var history;                               //一会存放cookie的变量var json="[";                              //拼接json字符串//json1是第一次注入cookie以后的第一个json，var json1;var canAdd= true;if(!$.cookie("history")){                  //第一次，还不存在cookie    history = $.cookie("history","{title:\""+art_title+"\""+",url:\""+art_url+"\"}");}else {    history = $.cookie("history");                   json1 = eval("("+history+")");    $(json1).each(function(){    if(this.title==art_title){         //如果记录存在，则不加入         canAdd = false; }})if(canAdd){     $(json1).each(function () {         json = json + "{\"title\":\"" + this.title + "\",\"url\":\"" + this.url + "\",\"time\":\"" + this.result + "\"},";     })    json = json + "{\"title\":\""+art_title+"\",\"url\":\""+art_url+"\",\"time\":\""+this.result+"\"}]";    $.cookie("history",json,{expires:1});}}

3 获取cookie，显示最近访问记录

$(function(){     if($.cookie("history")){         var json = eval("("+$.cookie("history")+")");         var list ="";         for(var i=0; i<json.length;i++){             list = list + "<div class='menu'><a href='"+json[i].url+"' target='right'>"+json[i].title+"</a></div>";         }         $("#list",parent.document).html(list);    //放到你想显示的位置     }});

总结
一定要首先在文件中引入jquery.cookie.js文件，然后多调试几次就可以了，由于我最终的功能是实现一个最常访问的按钮，按照访问次数顺序显示，显然，使用cookie是不可行的了，最终我选择了使用ajax请求后台方法从数据库中获取数据，进而通过jquery显示出来。