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 编程引入命名空间的方法
Jun 29 Javascript
导航跟随滚动条置顶移动示例代码
Sep 11 Javascript
基于jquery异步传输json数据格式实例代码
Nov 23 Javascript
简述JavaScript中正则表达式的使用方法
Jun 15 Javascript
使用AngularJS对路由进行安全性处理的方法
Jun 18 Javascript
分享12个实用的jQuery代码片段
Mar 09 Javascript
JavaScript常见的五种数组去重的方式
Dec 15 Javascript
vue中如何创建多个ueditor实例教程
Nov 14 Javascript
浅谈Vue Element中Select下拉框选取值的问题
Mar 01 Javascript
详解Webpack抽离第三方类库以及common解决方案
Mar 30 Javascript
Vue中keep-alive的两种应用方式
Jul 15 Javascript
JS数组方法some、every和find的使用详情
Oct 05 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
全国FM电台频率大全 - 16 河南省
2020/03/11 无线电
强烈推荐:php.ini中文版(1)
2006/10/09 PHP
eclipse php wamp配置教程
2016/06/30 PHP
Symfony2针对输入时间进行查询的方法分析
2017/06/28 PHP
PHP基于array_unique实现二维数组去重
2020/07/14 PHP
How to Auto Include a Javascript File
2007/02/02 Javascript
JavaScript让IE浏览器event对象符合W3C DOM标准
2009/11/24 Javascript
js跟随滚动条滚动浮动代码
2009/12/31 Javascript
Json序列化和反序列化方法解析
2013/12/19 Javascript
jquery禁用右键示例
2014/04/28 Javascript
ext combobox动态加载数据库数据(附前后台)
2014/06/17 Javascript
js实现支持手机滑动切换的轮播图片效果实例
2015/04/29 Javascript
JS制作图形验证码实现代码
2020/10/19 Javascript
assert()函数用法总结(推荐)
2017/01/25 Javascript
js按条件生成随机json:randomjson实现方法
2017/04/07 Javascript
jQuery UI Draggable + Sortable 结合使用(实例讲解)
2017/09/07 jQuery
利用jsonp与代理服务器方案解决跨域问题
2017/09/14 Javascript
Vue中的methods、watch、computed的区别
2018/11/26 Javascript
webpack的pitching loader详解
2019/09/23 Javascript
TensorFlow实现模型评估
2018/09/07 Python
详解Django 时间与时区设置问题
2019/07/23 Python
Python使用itchat 功能分析微信好友性别和位置
2019/08/05 Python
python 链接sqlserver 写接口实例
2020/03/11 Python
PHP基于phpqrcode类库生成二维码过程解析
2020/05/28 Python
通过实例了解Python异常处理机制底层实现
2020/07/23 Python
Conforama西班牙:您的家具、装饰和电器商店
2020/02/21 全球购物
Java的for语句中break, continue和return的区别
2013/12/19 面试题
建筑结构施工专业推荐信
2014/02/21 职场文书
团日活动总结报告
2014/06/25 职场文书
2014年实习生工作总结
2014/11/27 职场文书
云台山导游词
2015/02/03 职场文书
2015年护士工作总结范文
2015/03/31 职场文书
上诉答辩状范文
2015/05/22 职场文书
超级实用!五步法则,教你写好年终工作总结
2019/12/05 职场文书
用 Python 元类的特性实现 ORM 框架
2021/05/19 Python
Python使用openpyxl批量处理数据
2021/06/23 Python