Jquery 最近浏览过的商品的功能实现代码


Posted in Javascript onMay 14, 2010

<script type="text/javascript" src="JS/jquery.js"></script> //与Prototype 类似的框架
<script type="text/javascript" src="JS/JCookie.js"></script> //插件

/*JCookie.js * / 
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; 
} 
};

<div id="latestp"></div> 
<script type="text/javascript"> 
var historyp; 
//最新访问的商品编号ID 
var nid="新商品编号ID"; 
//设置cookie保存的浏览记录的条数 
var N=10; 
var count=0; 
//判断是否存在cookie 
if($.cookie('smile1314h')==null) //cookie 不存在 
{ 
//创建新的cookie,保存浏览记录 
$.cookie('smile1314h',nid,{expires:7,path:'/'}); 
//$.cookie('smile1314h',nid,{expires:7,path:'/',domain:'smile1314.com',secure:true}); 
} 
else //cookies已经存在 
{ 
//获取浏览过的商品编号ID 
historyp=$.cookie('smile1314h'); 
var check_result = $('#latestp'); 
check_result.html('<img src=/CSS/Image/Loading.gif style=/"margin-left:40px;;/">'); 
//ajax 根据产品编号获取信息列表 
$.ajax({ //一个Ajax过程 
type: "get", 
url : "/Comm/getLatestProduct.ashx", 
dataType:'html', 
data: "P_Id="+historyp, 
success: function(json){ 
check_result.html(""); 
check_result.html(json); 
}}); 
//分解字符串为数组 
var pArray=historyp.split(','); 
//最新访问的商品编号放置载最前面 
historyp=nid; 
//判断是该商品编号是否存在于最近访问的记录里面 
for(var i=0;i<pArray.length;i++) 
{ 
if(pArray[i]!=nid) 
{ 
historyp=historyp+","+pArray[i]; 
count++; 
if(count==N-1) 
{ 
break; 
} 
} 
} 
//修改cookie的值 
$.cookie('smile1314h',historyp); 
} 
</script>

打包下载
Javascript 相关文章推荐
JQuery 简便实现页面元素数据验证功能
Mar 24 Javascript
javascript实现的动态添加表单元素input,button等(appendChild)
Nov 24 Javascript
jquery 元素相对定位代码
Oct 15 Javascript
jQuery EasyUI API 中文文档 - Pagination分页
Sep 29 Javascript
基于jquery自定义图片热区效果
Jul 21 Javascript
js日期对象兼容性的处理方法
Jan 28 Javascript
JavaScript中神奇的call()方法
Mar 12 Javascript
javascript实现html页面之间参数传递的四种方法实例分析
Dec 15 Javascript
JS验证码实现代码
Sep 14 Javascript
vue-router配合ElementUI实现导航的实例
Feb 11 Javascript
Vue实现移动端左右滑动效果的方法
Nov 27 Javascript
JS实现的对象去重功能示例
Jun 04 Javascript
WEB 浏览器兼容 推荐收藏
May 14 #Javascript
js 数值项目的格式化函数代码
May 14 #Javascript
IE8 中使用加速器(Activities)
May 14 #Javascript
jquery 日期分离成年月日的代码
May 14 #Javascript
JQuery 操作select标签实现代码
May 14 #Javascript
高性能web开发 如何加载JS,JS应该放在什么位置?
May 14 #Javascript
js 图片等比例缩放代码
May 13 #Javascript
You might like
php数组中包含中文的排序方法
2014/06/03 PHP
简单实用的网站PHP缓存类实例
2014/07/18 PHP
php动态变量定义及使用
2015/06/10 PHP
PHP基于迭代实现文件夹复制、删除、查看大小等操作的方法
2017/08/11 PHP
JavaScript入门教程 Cookies
2009/01/31 Javascript
javascript 隐藏/显示指定的区域附HTML元素【legend】用法
2010/03/05 Javascript
基于JQuery的访问WebService的代码(可访问Java[Xfire])
2010/11/19 Javascript
js TextArea的选中区域处理
2010/12/28 Javascript
判断ie的两种简单方法
2013/08/12 Javascript
node.js中的fs.symlink方法使用说明
2014/12/15 Javascript
Jquery插件实现点击获取验证码后60秒内禁止重新获取
2015/03/13 Javascript
javascript数组去重方法汇总
2015/04/23 Javascript
深入浅析Extjs中store分组功能的使用方法
2016/04/20 Javascript
原生JS实现图片轮播切换效果
2016/12/15 Javascript
浅谈在koa2中实现页面渲染的全局数据
2017/10/09 Javascript
Vue.js实现列表清单的操作方法
2017/11/15 Javascript
[01:02:10]DOTA2上海特级锦标赛B组小组赛#2 VG VS Fnatic第一局
2016/02/26 DOTA
[01:07:57]DOTA2-DPC中国联赛 正赛 Ehome vs Magma BO3 第二场 1月19日
2021/03/11 DOTA
Python requests库用法实例详解
2018/08/14 Python
在python中以相同顺序shuffle两个list的方法
2018/12/13 Python
解决Python3下map函数的显示问题
2019/12/04 Python
Python-openCV读RGB通道图实例
2020/01/17 Python
python让函数不返回结果的方法
2020/06/22 Python
Python根据指定文件生成XML的方法
2020/06/29 Python
协程Python 中实现多任务耗资源最小的方式
2020/10/19 Python
浅谈Python xlwings 读取Excel文件的正确姿势
2021/02/26 Python
Ajax和javascript的区别
2013/07/20 面试题
质检员岗位职责
2013/12/17 职场文书
学习新党章思想汇报
2014/01/09 职场文书
担保书范本
2015/01/20 职场文书
小学教师个人总结
2015/02/05 职场文书
高中生综合素质自我评价
2015/03/06 职场文书
综合素质评价自我评价
2015/03/06 职场文书
教师培训简讯
2015/07/20 职场文书
学校少先队工作总结
2015/08/12 职场文书
节约用水广告语60条
2019/11/14 职场文书