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 相关文章推荐
window.onload 加载完毕的问题及解决方案(下)
Jul 09 Javascript
js或css实现滚动广告的几种方案
Jan 28 Javascript
Extjs 几个方法的讨论
Jan 28 Javascript
jQuery 学习入门篇附实例代码
Mar 16 Javascript
js单例模式的两种方案
Oct 22 Javascript
JavaScript实现基于Cookie的存储类实例
Apr 10 Javascript
基于canvas实现的钟摆效果完整实例
Jan 26 Javascript
node.js+captchapng+jsonwebtoken实现登录验证示例
Aug 17 Javascript
微信小程序实现简单input正则表达式验证功能示例
Nov 30 Javascript
LayUi使用switch开关,动态的去控制它是否被启用的方法
Sep 21 Javascript
JavaScript实现轮播图片完整代码
Mar 07 Javascript
如何在postman测试用例中实现断言过程解析
Jul 09 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上传图片到指定位置路径保存到数据库的具体实现
2013/12/30 PHP
分享10段PHP常用代码
2015/11/11 PHP
在html页面中包含共享页面的方法
2008/10/24 Javascript
myFocus slide3D v1.1.0 使用方法与下载
2011/01/12 Javascript
中文字符串截取的js函数代码
2013/04/17 Javascript
jQuery ajax中使用confirm,确认是否删除的简单实例
2016/06/17 Javascript
初识简单却不失优雅的Vue.js
2016/09/12 Javascript
浅谈jQuery绑定事件会叠加的解决方法和心得总结
2016/10/26 Javascript
JavaScript简单验证表单空值及邮箱格式的方法
2017/01/20 Javascript
js 递归和定时器的实例解析
2017/02/03 Javascript
关于Angular2 + node接口调试的解决方案
2017/05/28 Javascript
浅谈vue.js中v-for循环渲染
2017/07/26 Javascript
vue之浏览器存储方法封装实例
2018/03/15 Javascript
使用Vue中 v-for循环列表控制按钮隐藏显示功能
2019/04/23 Javascript
小程序采集录音并上传到后台
2019/11/22 Javascript
node爬取新型冠状病毒的疫情实时动态
2020/02/06 Javascript
[02:51]DOTA2战队出征照拍摄花絮 TI3明星化身时尚男模
2013/07/22 DOTA
Python中的推导式使用详解
2015/06/03 Python
解决Python 遍历字典时删除元素报异常的问题
2016/09/11 Python
Django 使用logging打印日志的实例
2018/04/28 Python
Python3.6连接Oracle数据库的方法详解
2018/05/18 Python
如何优雅地改进Django中的模板碎片缓存详解
2018/07/04 Python
Python数据可视化 pyecharts实现各种统计图表过程详解
2019/08/15 Python
django 模型字段设置默认值代码
2020/07/15 Python
CSS3 制作绽放的莲花采用效果叠加实现
2013/01/31 HTML / CSS
recorder.js 基于Html5录音功能的实现
2020/05/26 HTML / CSS
莫斯科珠宝厂官方网站:Miuz
2020/09/19 全球购物
超市中秋节促销方案
2014/03/21 职场文书
教师一岗双责责任书
2014/04/16 职场文书
党建目标管理责任书
2014/07/25 职场文书
见习报告怎么写
2014/10/31 职场文书
公司员工违纪检讨书
2015/05/05 职场文书
小学生组织委员竞选稿
2015/11/21 职场文书
2016教师党员学习心得体会
2016/01/21 职场文书
演讲稿:态度决定一切
2019/04/02 职场文书
Python实现滑雪小游戏
2021/09/25 Python