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 清除输入框中的数据
Apr 13 Javascript
jQuery的deferred对象详解
Nov 12 Javascript
html的DOM中document对象images集合用法实例
Jan 21 Javascript
基于Node.js的强大爬虫 能直接发布抓取的文章哦
Jan 10 Javascript
js实现HashTable(哈希表)的实例分析
Nov 21 Javascript
理解AngularJs篇:30分钟快速掌握AngularJs
Dec 23 Javascript
JS实现全屏的四种写法
Dec 30 Javascript
bootstrapValidator表单验证插件学习
Dec 30 Javascript
微信小程序图片自适应支持多图实例详解
Jun 21 Javascript
详解一些适用于Node.js的命名约定
Dec 08 Javascript
JS关闭子窗口并且刷新上一个窗口的实现示例
Mar 10 Javascript
vue prop传值类型检验方式
Jul 30 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处理斐波那契数列非递归方法
2012/02/04 PHP
PHP中$_SERVER的详细参数与说明介绍
2013/10/26 PHP
php清空(删除)指定目录下的文件,不删除目录文件夹的实现代码
2014/09/04 PHP
php实现的zip文件内容比较类
2014/09/24 PHP
摘自织梦CMS中的图片处理类
2015/08/08 PHP
总结PHP如何获取当前主机、域名、网址、路径、端口和参数等
2016/09/09 PHP
window.open的功能全解析
2006/10/10 Javascript
JQuery拖动表头边框线调整表格列宽效果代码
2014/09/10 Javascript
JavaScript实现同时调用多个函数的方法
2015/11/09 Javascript
JavaScript学习总结之JS、AJAX应用
2016/01/29 Javascript
JavaScript装饰器函数(Decorator)实例详解
2017/03/30 Javascript
如何使用bootstrap框架 bootstrap入门必看!
2017/04/13 Javascript
老生常谈js中的MVC
2017/07/25 Javascript
详解A标签中href=&quot;&quot;的几种用法
2017/08/20 Javascript
安装Node.js并启动本地服务的操作教程
2018/05/12 Javascript
Promise扫盲贴
2019/06/24 Javascript
layui多图上传实现删除功能的例子
2019/09/23 Javascript
vue登录以及权限验证相关的实现
2019/10/25 Javascript
前端vue-cli项目中使用img图片和background背景图的几种方法
2019/11/13 Javascript
Vue中点击active并第一个默认选中功能的实现
2020/02/24 Javascript
Python中urllib2模块的8个使用细节分享
2015/01/01 Python
用Python的pandas框架操作Excel文件中的数据教程
2015/03/31 Python
Python实现简单HTML表格解析的方法
2015/06/15 Python
Python中使用OpenCV库来进行简单的气象学遥感影像计算
2016/02/19 Python
Python正则表达式实现截取成对括号的方法
2017/01/06 Python
django定期执行任务(实例讲解)
2017/11/03 Python
python代码 输入数字使其反向输出的方法
2018/12/22 Python
Django JWT Token RestfulAPI用户认证详解
2019/01/23 Python
Python PIL读取的图像发生自动旋转的实现方法
2019/07/05 Python
利用python实现逐步回归
2020/02/24 Python
python 代码实现k-means聚类分析的思路(不使用现成聚类库)
2020/06/01 Python
Python内置函数及功能简介汇总
2020/10/13 Python
协议书范本
2014/04/23 职场文书
学校安全管理责任书
2014/07/23 职场文书
学习《中小学教师职业道德规范》心得体会
2016/01/18 职场文书
教你用Python+selenium搭建自动化测试环境
2021/06/18 Python