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 相关文章推荐
Prototype Hash对象 学习
Jul 19 Javascript
fireworks菜单生成器mm_menu.js在 IE 7.0 显示问题的解决方法
Oct 20 Javascript
jQuery的cookie插件实现保存用户登陆信息
Apr 15 Javascript
JavaScript中的公有、私有、特权和静态成员用法分析
Nov 20 Javascript
JQuery实现的购物车功能(可以减少或者添加商品并自动计算价格)
Jan 13 Javascript
JavaScript中的继承之类继承
May 01 Javascript
node.js中 stream使用教程
Aug 28 Javascript
js 判断数据类型的几种方法
Jan 13 Javascript
详解Vue 实例中的生命周期钩子
Mar 21 Javascript
bootstrap confirmation按钮提示组件使用详解
Aug 22 Javascript
jQuery实现滚动到底部时自动加载更多的方法示例
Feb 18 jQuery
9种方法优化jQuery代码详解
Feb 04 jQuery
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
PHPEXCEL 使用小记
2013/01/06 PHP
php函数array_merge用法一例(合并同类数组)
2013/02/03 PHP
ThinkPHP函数详解之M方法和R方法
2015/09/10 PHP
关于PHP转换超过2038年日期出错的问题解决
2017/06/28 PHP
Yii2语言国际化自动配置详解
2018/08/22 PHP
laravel-admin的多级联动方法
2019/09/30 PHP
Laravel5.1框架路由分组用法实例分析
2020/01/04 PHP
分享JavaScript获取网页关闭与取消关闭的事件
2013/12/13 Javascript
javascript break指定标签打破多层循环示例
2014/01/20 Javascript
jQuery向后台传入json格式数据的方法
2015/02/13 Javascript
Jquery on方法绑定事件后执行多次的解决方法
2016/06/02 Javascript
简单实现的JQuery文本框水印插件
2016/06/14 Javascript
js将table的每个td的内容自动赋值给其title属性的方法
2016/10/13 Javascript
详解JavaScript时间处理之几个月前或几个月后的指定日期
2016/12/21 Javascript
canvas学习之API整理笔记(一)
2016/12/29 Javascript
Vue+jquery实现表格指定列的文字收缩的示例代码
2018/01/09 jQuery
浅谈Angular HttpClient简单入门
2018/05/04 Javascript
浅谈在不使用ssr的情况下解决Vue单页面SEO问题(2)
2018/11/08 Javascript
微信小程序 子级页面返回父级并把子级参数带回父级实现方法
2019/08/22 Javascript
Vue 列表页带参数进详情页的操作(router-link)
2020/11/13 Javascript
[06:44]2014DOTA2国际邀请赛-钥匙体育馆开战 开幕式振奋人心
2014/07/19 DOTA
[05:05]DOTA2亚洲邀请赛 战队出场仪式
2015/02/07 DOTA
初步解析Python中的yield函数的用法
2015/04/03 Python
Python编程中的for循环语句学习教程
2015/10/14 Python
python调用系统ffmpeg实现视频截图、http发送
2018/03/06 Python
python 列表中[ ]中冒号‘:’的作用
2019/04/30 Python
pyspark对Mysql数据库进行读写的实现
2020/12/30 Python
Proenza Schouler官方网站:纽约女装和配饰品牌
2019/01/03 全球购物
抄作业检讨书
2014/02/17 职场文书
初中作文评语大全
2014/04/23 职场文书
小学教师师德整改措施
2014/09/29 职场文书
学校食品安全责任书
2015/01/29 职场文书
2016年端午节寄语
2015/12/04 职场文书
教你用python实现一个无界面的小型图书管理系统
2021/05/21 Python
js不常见操作运算符总结
2021/11/20 Javascript
详解Python内置模块Collections
2022/03/22 Python