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 相关文章推荐
幻灯片带网页设计中的20个奇妙应用示例小结
May 27 Javascript
jquery上传插件fineuploader上传文件使用方法(jquery图片上传插件)
Dec 05 Javascript
jquery Ajax 实现加载数据前动画效果的示例代码
Feb 07 Javascript
JavaScript中的console.time()函数详细介绍
Dec 29 Javascript
js操作数据库实现注册和登陆的简单实例
May 26 Javascript
jQuery获取浏览器类型和版本号的方法
Jul 05 Javascript
JS实现简单易用的手机端浮动窗口显示效果
Sep 07 Javascript
ECMAScript6变量的解构赋值实例详解
Sep 19 Javascript
Three.js如何实现雾化效果示例代码
Sep 27 Javascript
React-Native之定时器Timer的实现代码
Oct 04 Javascript
npm的lock机制解析
Jun 20 Javascript
详解vue身份认证管理和租户管理
May 25 Vue.js
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将部分内容用星号替换
2020/04/21 PHP
Yii2实现ajax上传图片插件用法
2016/04/28 PHP
php时间计算相关问题小结
2016/05/09 PHP
PHP静态延迟绑定和普通静态效率的对比
2017/10/20 PHP
php面向对象基础详解【星际争霸游戏案例】
2020/01/23 PHP
ExtJS GTGrid 简单用户管理
2009/07/01 Javascript
JQUERY 浏览器判断实现函数
2009/08/20 Javascript
再谈ie和firefox下的document.all属性
2009/10/21 Javascript
Firefox中autocomplete=&quot;off&quot; 设置不起作用Bug的解决方法
2011/03/25 Javascript
JavaScript高级程序设计 客户端存储学习笔记
2011/09/10 Javascript
nodejs 实现模拟form表单上传文件
2014/07/14 NodeJs
让html页面不缓存js的实现方法
2014/10/31 Javascript
jQuery中each()方法用法实例
2014/12/27 Javascript
JavaScript数组去重的3种方法和代码实例
2015/07/01 Javascript
jQuery autoComplete插件两种使用方式及动态改变参数值的方法详解
2016/10/24 Javascript
微信小程序 参数传递详解
2016/10/24 Javascript
手机软键盘弹出时影响布局的解决方法
2016/12/15 Javascript
JS实现含有中文字符串的友好截取功能分析
2017/03/13 Javascript
Vue 页面切换效果之 BubbleTransition(推荐)
2018/04/08 Javascript
详解js动态获取浏览器或页面等容器的宽高
2019/03/13 Javascript
vue仿ios列表左划删除
2019/09/26 Javascript
js将日期格式转换为YYYY-MM-DD HH:MM:SS
2020/09/18 Javascript
Python下rrdtool模块的基本使用方法
2015/11/13 Python
详解Python中的动态属性和特性
2018/04/07 Python
对Python中的@classmethod用法详解
2018/04/21 Python
pygame实现烟雨蒙蒙下彩虹雨
2019/11/11 Python
HTML中meta标签及Keywords
2020/04/15 HTML / CSS
加拿大时尚潮流大码女装购物网站:Addition Elle
2018/04/02 全球购物
西班牙自行车和跑步商店:Alltricks
2018/07/07 全球购物
捷克鲜花配送:Florea.cz
2018/10/29 全球购物
如何保障Web服务器安全
2014/05/05 面试题
物业管理专业个人的自我评价
2013/11/19 职场文书
物理力学求职信
2014/02/18 职场文书
监考失职检讨书
2015/01/26 职场文书
南京导游词
2015/02/03 职场文书
致地震灾区的慰问信
2015/03/23 职场文书