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 相关文章推荐
推荐25个超炫的jQuery网格插件
Nov 28 Javascript
基于jQuery实现的文字按钮表单特效整理
Dec 07 Javascript
30个经典的jQuery代码开发技巧
Dec 15 Javascript
js实现Select下拉框具有输入功能的方法
Feb 06 Javascript
jQuery根据表单name获取值的方法
May 24 Javascript
JS自定义函数实现时间戳转换成date的方法示例
Aug 27 Javascript
微信小程序如何获取用户手机号
Jan 26 Javascript
vue结合Echarts实现点击高亮效果的示例
Mar 17 Javascript
原生JS实现DOM加载完成马上执行JS代码的方法
Sep 07 Javascript
JavaScript创建防篡改对象的方法分析
Dec 30 Javascript
Vue 设置axios请求格式为form-data的操作步骤
Oct 29 Javascript
jQuery实现评论模块
Aug 19 jQuery
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下通过系统信号量加锁方式获取递增序列ID
2009/09/25 PHP
PHP中echo和print的区别
2014/08/28 PHP
在WordPress中使用wp-cron插件来设置定时任务
2015/12/10 PHP
PHP中功能强大却很少使用的函数实例小结
2016/11/10 PHP
javascript中对对层的控制
2006/12/29 Javascript
ASP.NET中使用后端代码注册脚本 生成JQUERY-EASYUI的界面错位的解决方法
2010/06/12 Javascript
URL地址中的#符号使用说明
2011/02/12 Javascript
JavaScript表达式:URL 协议介绍
2013/03/10 Javascript
jquery中each遍历对象和数组示例
2014/08/05 Javascript
如何在MVC应用程序中使用Jquery
2014/11/17 Javascript
JavaScript实现twitter puddles算法实例
2014/12/06 Javascript
JavaScript定时显示广告代码分享
2015/03/02 Javascript
js仿微博实现统计字符和本地存储功能
2015/12/22 Javascript
jQuery使用正则表达式替换dom元素标签用法示例
2017/01/16 Javascript
JS装饰器函数用法总结
2018/04/21 Javascript
结合Vue控制字符和字节的显示个数的示例
2018/05/17 Javascript
Vue页面手动刷新,实现导航栏激活项还原到初始状态
2020/08/06 Javascript
Python实现CET查分的方法
2015/03/10 Python
Python使用Matplotlib实现雨点图动画效果的方法
2017/12/23 Python
python+matplotlib绘制饼图散点图实例代码
2018/01/20 Python
Python:二维列表下标互换方式(矩阵转置)
2019/12/02 Python
python装饰器使用实例详解
2019/12/14 Python
Pandas实现DataFrame按行求百分数(比例数)
2019/12/27 Python
Python手动或自动协程操作方法解析
2020/06/22 Python
美国汽配连锁巨头Pep Boys官网:轮胎更换、汽车维修服务和汽车零部件
2017/01/14 全球购物
Grow Gorgeous美国官网:只要八天,体验唤醒毛囊后新生的茂密秀发
2018/06/04 全球购物
伦敦剧院门票:London Theatre Direct
2018/11/21 全球购物
英国名牌服装购物网站:OD’s Designer
2019/09/02 全球购物
家庭教育先进个人事迹材料
2014/01/24 职场文书
家长写给老师的建议书
2014/03/13 职场文书
党员干部承诺书范文
2014/03/25 职场文书
银行求职自荐信
2014/06/30 职场文书
处级领导班子全部召开专题民主生活会情况汇报
2014/09/27 职场文书
党员进社区活动总结
2015/05/07 职场文书
使用Pytorch实现two-head(多输出)模型的操作
2021/05/28 Python
Go并发4种方法简明讲解
2022/04/06 Golang