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款非常优秀的 jQuery 工具提示插件 推荐
Jul 15 Javascript
你必须知道的Javascript知识点之&quot;单线程事件驱动&quot;的使用
Apr 23 Javascript
JS动态增加删除UL节点LI及相关内容示例
May 21 Javascript
Vue.js系列之vue-router(上)(3)
Jan 03 Javascript
javascript深拷贝的原理与实现方法分析
Apr 10 Javascript
20行JS代码实现网页刮刮乐效果
Jun 23 Javascript
webpack 2的react开发配置实例代码
Jul 28 Javascript
Angularjs之ngModel中的值验证绑定方法
Sep 13 Javascript
Vue源码中要const _toStr = Object.prototype.toString的原因分析
Dec 09 Javascript
详解Vue、element-ui、axios实现省市区三级联动
May 07 Javascript
原生JS实现相邻月份日历
Oct 13 Javascript
Node.js 中如何收集和解析命令行参数
Jan 08 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
弄了个检测传输的参数是否为数字的Function
2006/12/06 PHP
TMDPHP 模板引擎使用教程
2012/03/13 PHP
jQuery 使用个人心得
2009/02/26 Javascript
Javascript 兼容firefox的一些问题
2009/05/21 Javascript
用方法封装javascript的new操作符(一)
2010/12/25 Javascript
JavaScript排序算法之希尔排序的2个实例
2014/04/04 Javascript
vuejs2.0实现一个简单的分页示例
2017/02/22 Javascript
基于angular实现模拟微信小程序swiper组件
2017/06/11 Javascript
通过构造函数实例化对象的方法
2017/06/28 Javascript
JS实现的简单拖拽购物车功能示例【附源码下载】
2018/01/03 Javascript
你可能不知道的前端算法之文字避让(inMap)
2018/01/12 Javascript
基于jQuery实现无缝轮播与左右点击效果
2018/05/13 jQuery
nodejs用gulp管理前端文件方法
2018/06/24 NodeJs
vue基础之模板和过滤器用法实例分析
2019/03/12 Javascript
[48:31]完美世界DOTA2联赛PWL S3 DLG vs Phoenix 第二场 12.17
2020/12/19 DOTA
Perl中著名的Schwartzian转换问题解决实现
2015/06/02 Python
剖析Django中模版标签的解析与参数传递
2015/07/21 Python
从源码解析Python的Flask框架中request对象的用法
2016/06/02 Python
Python读取一个目录下所有目录和文件的方法
2016/07/15 Python
简单谈谈python中的Queue与多进程
2016/08/25 Python
python解决Fedora解压zip时中文乱码的方法
2016/09/18 Python
Python使用add_subplot与subplot画子图操作示例
2018/06/01 Python
python调用百度语音识别实现大音频文件语音识别功能
2018/08/30 Python
Django框架实现的分页demo示例
2019/05/25 Python
对Python 中矩阵或者数组相减的法则详解
2019/08/26 Python
django 做 migrate 时 表已存在的处理方法
2019/08/31 Python
纯css3实现的竖形无限级导航
2014/12/10 HTML / CSS
介绍一下linux的文件权限
2012/02/15 面试题
软件工程师面试题
2012/06/25 面试题
安全承诺书格式范本
2015/04/28 职场文书
2015年检察院个人工作总结
2015/05/20 职场文书
Python中Cookies导出某站用户数据的方法
2021/05/17 Python
解决pycharm安装scrapy DLL load failed:找不到指定的程序的问题
2021/06/08 Python
Redis源码阅读:Redis字符串SDS详解
2021/07/15 Redis
python字典的元素访问实例详解
2021/07/21 Python
java项目构建Gradle的使用教程
2022/03/24 Java/Android