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 ...
随机推荐
- CentOS 7 更改网卡名到以前的eth0
最近安装了CentOS7,内核总算升级到3.10,支持Linux容器,network namespace······· 但是安装完之后,发现ifconfig没看到熟悉的eth0,却是enp0s3,虽然 ...
- postgresql数据库的数据导出
一.pg_dump的用法:数据库的导入导出是最常用的功能之一,每种数据库都提供有这方面的工具,例如Oracle的exp/imp,Informix的dbexp/dbimp,MySQL的mysqldump ...
- HDU 1231 (13.12.2)
Problem Description 给定K个整数的序列{ N1, N2, ..., NK },其任意连续子序列可表示为{ Ni, Ni+1, ..., Nj },其中 1 <= i < ...
- cs模式与bs模式
关于CS(Client-Server)模式和BS(Browser-Server)模式的水很深,盆地自己也认为对此了解不够透彻,但作为手机客户端设计,如果不对CS.BS做一定程度的了解,是很容易出现一 ...
- [转] Linux strace 简介
http://www.cnblogs.com/ggjucheng/archive/2012/01/08/2316692.html 简介 strace常用来跟踪进程执行时的系统调用和所接收的信号. 在L ...
- 还在用ListView?
还在用Lisview?RecyclerView都已经出来一年多了! 想必大家多或多或少的接触过或者了解过RecyclerView,为什么没有用起来,原因大概如下? ListView我用的挺好的,为什么 ...
- 移动端 设置 小于12px 字体 初探
1.移动端字号规范 2. 百度字号调研 3. 绕过12px 限制 4. 缩放 5. chrome 字号
- Objective-C:KVO
@import url(http://i.cnblogs.com/Load.ashx?type=style&file=SyntaxHighlighter.css); @import url(/ ...
- 实现一个线程安全的Queue队列
使用装饰者模式实现一个线程安全的Queue队列. public class SynchronizedQueue<E> implements Queue<E>, Serializ ...
- ZOJ 3905 Cake(贪心+dp)
动态规划题:dp[i][j]表示有i个Cake,给了Alice j个,先按照b排序,这样的话,能保证每次都能成功给Alice Cake,因为b从大到小排序,所以Alice选了j个之后,Bob最少选了j ...