js操作Cookie,实现历史浏览记录
/**
* history_teacher.jsp中的js,最近浏览名师
* @version: 1.0
* @author: mingming
*/
$(function(){
getHistory();
}); var historyCount=4; //保存历史记录个数 /**
* 增加浏览历史记录
* @param id 编号
* @param name 姓名
* @param photo 照片
* @param grade 年级
* @param subject 科目
* @return
*/
function setHistory(id,name,photo,grade,subject){
stringCookie=getCookie('history');
var stringHistory=""!=stringCookie?stringCookie:"{history:[]}";
var json=new JSONHistory(stringHistory); //转成json
var list = json['history']; //获得json
for (var i = 0; i < list.length; i++) {
try {
if(list[i].id == id){
list.splice(i,1); //删除重复数据,开始位置,删除个数
i=i-1; //下标归位
}
} catch (e) {
break;
}
} if(list.length>=historyCount){
//删除最开始的多余记录
var count = list.length - historyCount + 1; //需要删除的个数
list.splice(0,count); //开始位置,删除个数
} var e="{id:'"+id+"',name:'"+name+"',photo:'"+photo+"',grade:'"+grade+"',subject:'"+subject+"'}";
json['history'].push(e);//添加一个新的记录
setCookie('history',json.toString(),365); //365天
} /**
* 获得浏览历史记录
* @return
*/
function getHistory(){
var historyJSON=getCookie('history');
if(historyJSON==""){
}else{
var data = eval("("+historyJSON+")");
var history = data['history']; //历史记录
var length = history.length;
if(length > historyCount){
length = historyCount;
}
//从最后一个浏览记录开始获取
var historyHtml="";
for ( var i = length-1; i >= 0; i--) {
historyHtml+=
'<dd>'+
'<ul>'+
'<li class="recimg"><a href="'+PATH+"/teacher/teacherinfo?teacherVO.teacherId="+history[i].id+'"><img src="'+PATH + "/"+ history[i].photo +'" alt="" /></a></li>'+
'<li class="recinfo">'+
'<p><a href="'+PATH+"/teacher/teacherinfo?teacherVO.teacherId="+history[i].id+'">'+history[i].name+'</a></p>'+
'<p class="grayp">科目:'+history[i].subject+'</p>'+
'<p class="grayp">年级:'+history[i].grade+'</p>'+
'</li>'+
'</ul>'+
'</dd>';
} if(historyHtml!=""){
$("#historyTeacher").html('<h2>最近浏览名师</h2><dl>'+historyHtml+'</dl>');
}
}
} /**
* 添加cookie
* @param cookName cookie名称
* @param cookName cookie值
* @param expiredays 时长
*/
function setCookie(cookName,cookValue,expiredays){
var exdate=new Date();
exdate.setDate(exdate.getDate()+expiredays*24*3600*1000);
var cookieVal=cookName+ "=" +escape(cookValue)+((expiredays==null) ? "" : ";expires="+exdate.toGMTString())+";path=/";
document.cookie=cookieVal;
} /**
* 获取cookie
* @param cookName cookie名称
* @return
*/
function getCookie(cookName)
{
if(document.cookie.length>0){
var c_start = document.cookie.indexOf(cookName + "=");
if(c_start!=-1){ //存在
c_start = c_start + cookName.length + 1; //"history="后的开始位置
var c_end=document.cookie.indexOf(";",c_start); //找到JSESSIONID在的位置
if (c_end==-1){ //JSESSIONID不存在
c_end=document.cookie.length;
}
return unescape(document.cookie.substring(c_start,c_end));
}
}
return "";
} /**
* JSON
*/
var JSONHistory = function(sJSON){
this.objType = (typeof sJSON);
if(this.objType=='string' && ''==sJSON){
sJSON = '{history:[]}' ;
}
this.self = [];
(function(s,o){
for(var i in o){
o.hasOwnProperty(i)&&(s[i]=o[i],s.self[i]=o[i])
};})(this,(this.objType=='string')?eval('0,'+sJSON):sJSON);
};
JSONHistory.prototype = {
toString:function(){
return this.getString();
},
valueOf:function(){
return this.getString();
},
getString:function(){
var sA = [];
(function(o){
var oo = null;
sA.push('{');
for(var i in o){
if(o.hasOwnProperty(i) && i!='prototype'){
oo = o[i];
if(oo instanceof Array){
sA.push(i+':[');
for(var b in oo){
if(oo.hasOwnProperty(b) && b!='prototype'){
sA.push(oo[b]+',');
if(typeof oo[b]=='object') arguments.callee(oo[b]);
}
}
sA.push('],');
continue;
}else{
sA.push(i+':\''+oo+'\',');
}
if(typeof oo=='object') arguments.callee(oo);
}
}
sA.push('},');
})(this.self);
return sA.slice(0).join('').replace(/\[object object\],/ig,'').replace(/,\}/g,'}').replace(/,\]/g,']').slice(0,-1);
},
push:function(sName,sValue){
this.self[sName] = sValue;
this[sName] = sValue;
}
};
中间对于把历史记录转换为json格式有更简便的方法。这个是个单独案例。
页面引入js,增加浏览历史记录调用
setHistory(id,name,photo,grade,subject)
cookie参数设置:
path:
是相对于应用服务器存放应用的文件夹的根目录而言的(比如tomcat下面的webapp),因此cookie.setPath("/");之后,可以在webapp文件夹下的所有应用共享cookie
测试结果:不设置,则当前目录下所有页面可以访问,设置”/“后,所有页面都可以访问
domain:
在www.baidu.com中设置的cookie,但需要在zhidao.baidu.com下获取,这样就需要Cookie的setDomain()方法了。
cookie.setPath("/");
cookie.setDomain("baidu.com");//只给出域名的相同部分
cookie参数设置参考文档:
js操作Cookie,实现历史浏览记录的更多相关文章
- destoon系统开发-最新利用浏览器的cookie 做历史浏览记录
注意: 代码 放在要显示的为 (一般放在详情页),注意本教程不入库,直接利用浏览器的 cookie 缓存判断 <!--历史浏览记录 S--> <div class=&quo ...
- JS制作一个通用的商城版历史浏览记录
正在开发一个b2c的国外商城,昨天做了一个历史浏览记录发出来跟大家分享一下. JS: //cookie相关函数 function getCookieVal(offset) { var endst ...
- 使用Cookie实现用户商品历史浏览记录
该功能分为四个模块: 1. 获取所有商品并以链接的形式显示 out.write("网站商品: <br/>"); Map<String, Book> book ...
- Cookie实现商品浏览记录--方式二:JS实现
使用Cookie实现商品浏览记录:方式二:JS方法实现cookie的获取以及写入.当某一个产品被点击时,触发JS方法.利用JS方法判断一下,此产品是否在浏览记录中.如果不存在,则将产品ID加入到coo ...
- Django之使用redis缓存session,历史浏览记录,首页数据实现性能优化
Redis缓存session 配置Django缓存数据到redis中 # diango的缓存配置 CACHES = { "default": { "BACKEND&quo ...
- 利用COOKIE保存历史浏览商品的一个简单思路
<?php //如是COOKIE 里面不为空,则往里面增加一个商品ID if (!empty($_COOKIE['SHOP']['history'])){ //取得COOKIE里面的值,并用逗号 ...
- jquery.cookie.js 操作cookie实现记住密码功能的实现代码
jquery.cookie.js操作cookie实现记住密码功能,很简单很强大,喜欢的朋友可以参考下. 复制代码代码如下: //初始化页面时验证是否记住了密码 $(document).ready( ...
- JS操作cookie以及本地存储(sessionStorage 和 localStorage )
JS操作cookie cookie的操作用两种方式 1.substring //创建cookie function setCookie(name,value,expires,path,domain,s ...
- js操作cookie,实现登录密码保存 [转]
转自:http://blog.csdn.net/zyujie/article/details/8727828 ( 谢谢博主了) js操作cookie,实现登录密码保存.cookie的存放方式是以键值对 ...
- 转: js操作cookie
cookie的几个概念 http://dearhappyfish.blog.163.com/blog/static/1901094152012422114753777/ js操作cookie 转:ht ...
随机推荐
- centos6.5建立cloudera-cdh4.6本地源
1.准备: centos6.5系统,root用户 2.安装所需包: sudo yum install yum-utils createrepo 3.下载cdh4.6的repo: ...
- 天津Uber优步司机奖励政策(1月18日~1月24日)
滴快车单单2.5倍,注册地址:http://www.udache.com/ 如何注册Uber司机(全国版最新最详细注册流程)/月入2万/不用抢单:http://www.cnblogs.com/mfry ...
- smarty、thinkphp中的html加载其他的html文件的方式
1.smarty 在模板文件中,使用定界符 {include file="header.html"} 不可以省略.html 2.thinkphp的html文件中 <incl ...
- iOS截取视频缩略图的两种方法
前言: 看完了使用MPMoviePlayerController播放在线视频,在实际应用中有时候须要获取视频的缩略图,我们来看看怎样截取指定时间内的视频缩略图. 一 使用MPMoviePlayerC ...
- shell 验证ip
#!/bin/bash function isIp(){ IP=$ ];then echo "Wrong IP!" exit else a=`echo $IP | awk -F . ...
- [Angular 2] Keynote: Lazy Routing -- NGCONF
So How to do lazy loading for router in Angular 2. The nomarl way to write a router in Angular 2: Yo ...
- Android编程动态创建视图View的方法
在Android开 发中,在Activity中关联视图View是一般使用setContentView方法,该方法一种参数是使用XML资源直接创 建:setContentView (int layout ...
- CentOS+Nginx+PHP+MySQL详细配置(图解)
原文地址: http://www.jb51.net/article/26597.htm CentOS+Nginx+PHP+MySQL详细配置(带有图解),需要的朋友可以参考下. 一.安装MySQL ...
- [转] 让ctags支持Javascript
mac下安装exuberant ctags mac 下自带ctags但是功能有限,要使用一些常用的功能需要安装exuberant ctags 下载exuberant ctags 安装exuberant ...
- shell脚本调试 分类: 学习笔记 linux ubuntu 2015-07-14 12:49 53人阅读 评论(0) 收藏
1.sh -x script 这将执行脚本并显示所有变量的值 如,脚本: #!/bin/bash #a test about shift if [ $# -le 0 ] then echo " ...