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 相关文章推荐
Javascript中valueOf与toString区别浅析
Mar 19 Javascript
jQuery JSON实现无刷新三级联动实例探讨
May 28 Javascript
JS实现判断滚动条滚到页面底部并执行事件的方法
Dec 18 Javascript
JS建造者模式基本用法实例分析
Jun 30 Javascript
轻松学习jQuery插件EasyUI EasyUI表单验证
Dec 01 Javascript
jQuery EasyUI之DataGrid使用实例详解
Jan 04 Javascript
JavaScript 数组some()和filter()的用法及区别
May 20 Javascript
JavaScript中各数制转换全面总结
Aug 21 Javascript
JavaScript对象拷贝与Object.assign用法实例分析
Jun 20 Javascript
Vue源码探究之状态初始化
Nov 14 Javascript
jQuery实现颜色打字机的完整代码
Mar 19 jQuery
详细分析JavaScript中的深浅拷贝
Sep 17 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
Zend 输出产生XML解析错误
2009/03/03 PHP
PHP图片上传代码
2013/11/04 PHP
浅析PHP程序设计中的MVC编程思想
2014/07/28 PHP
php解析http获取的json字符串变量总是空白null
2015/03/02 PHP
php实现的简单检验登陆类
2015/06/18 PHP
ExtJS扩展 垂直tabLayout实现代码
2009/06/21 Javascript
jQuery 技巧小结
2010/04/02 Javascript
javascript 程序库的比较(一)之DOM功能
2010/04/07 Javascript
js实现幻灯片播放图片示例代码
2013/11/07 Javascript
JavaScript中使用Callback控制流程介绍
2015/03/16 Javascript
js实现字符串转日期格式的方法
2015/05/20 Javascript
JavaScript代码判断点击第几个按钮
2015/12/13 Javascript
bootstrap datetimepicker日期插件超详细使用方法介绍
2017/02/23 Javascript
js获取ip和地区
2017/03/10 Javascript
JS库之Highlight.js的用法详解
2017/09/13 Javascript
解决Antd 里面的select 选择框联动触发的问题
2020/10/24 Javascript
[01:08:09]DOTA2上海特级锦标赛主赛事日 - 1 胜者组第一轮#1Liquid VS Alliance第二局
2016/03/02 DOTA
使用Python的Flask框架实现视频的流媒体传输
2015/03/31 Python
python编码最佳实践之总结
2016/02/14 Python
基于python yield机制的异步操作同步化编程模型
2016/03/18 Python
Queue 实现生产者消费者模型(实例讲解)
2017/11/13 Python
利用Python2下载单张图片与爬取网页图片实例代码
2017/12/25 Python
python 图片去噪的方法示例
2019/07/09 Python
python pycharm最新版本激活码(永久有效)附python安装教程
2020/09/18 Python
基于python计算并显示日间、星期客流高峰
2020/05/07 Python
浪漫婚礼主持词
2014/03/14 职场文书
中学生操行评语
2014/04/24 职场文书
国贸专业求职信
2014/06/28 职场文书
2014年小学重阳节活动策划方案
2014/09/16 职场文书
基层党组织建设整改方案
2014/09/16 职场文书
会议通知范文
2015/04/15 职场文书
2015年党总支工作总结
2015/05/25 职场文书
优质服务心得体会(共4篇)
2016/01/22 职场文书
初三化学教学反思
2016/02/22 职场文书
Python IO文件管理的具体使用
2022/03/20 Python
JavaWeb Servlet开发注册页面实例
2022/04/11 Java/Android