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 相关文章推荐
Packer 3.0 JS压缩及混淆工具 下载
May 03 Javascript
JavaScript 仿关机效果的图片层
Dec 26 Javascript
JavaScript 操作键盘的Enter事件(键盘任何事件),兼容多浏览器
Oct 11 Javascript
JavaScript游戏之是男人就下100层代码打包
Nov 08 Javascript
jQuery $.data()方法使用注意细节
Dec 31 Javascript
js实例属性和原型属性示例详解
Nov 23 Javascript
Javascript优化技巧之短路表达式详细介绍
Mar 27 Javascript
js仿QQ中对联系人向左滑动、滑出删除按钮的操作
Apr 07 Javascript
基于原生JS实现图片裁剪
Aug 01 Javascript
D3.js中强制异步文件读取同步的几种方法
Feb 06 Javascript
webpack4.x打包过程详解
Jul 18 Javascript
vue使用localStorage持久性存储实现评论列表
Apr 14 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读取flv文件的播放时间长度
2009/09/03 PHP
分享一段php获取linux服务器状态的代码
2014/05/27 PHP
ThinkPHP3.1新特性之Action参数绑定
2014/06/19 PHP
详解PHP中的null合并运算符
2015/12/30 PHP
window.open()弹出居中的窗口
2007/02/01 Javascript
javascript实现的动态添加表单元素input,button等(appendChild)
2007/11/24 Javascript
Javascript匿名函数的一种应用 代码封装
2010/06/27 Javascript
为radio类型的INPUT添加客户端脚本(附加实现JS来禁用onClick事件思路代码)
2010/11/11 Javascript
jquery实现智能感知连接外网搜索
2013/05/21 Javascript
浅析js中的浮点型运算问题
2014/01/06 Javascript
jquery实现页面图片等比例放大缩小功能
2014/02/12 Javascript
js实现网页倒计时、网站已运行时间功能的代码3例
2014/04/14 Javascript
js动态往表格的td中添加图片并注册事件
2014/06/12 Javascript
DOM基础教程之事件对象
2015/01/20 Javascript
js实现跨域访问的三种方法
2015/12/09 Javascript
使用three.js 画渐变的直线
2016/06/05 Javascript
JavaScript实现九九乘法表的简单实例
2016/06/07 Javascript
js HTML5多媒体影音播放
2016/10/17 Javascript
Vue自定义指令介绍(2)
2016/12/08 Javascript
jQuery 改变P标签文本值方法
2018/02/24 jQuery
vue-router 源码之实现一个简单的 vue-router
2018/07/02 Javascript
详解在HTTPS 项目中使用百度地图 API
2019/04/26 Javascript
JS如何实现网站中PC端和手机端自动识别并跳转对应的代码
2020/01/08 Javascript
[00:52]DOTA2齐天大圣预告片
2016/08/13 DOTA
python实现redis三种cas事务操作
2017/12/19 Python
python实现内存监控系统
2021/03/07 Python
解决tensorflow模型参数保存和加载的问题
2018/07/26 Python
Python 多线程其他属性以及继承Thread类详解
2019/08/28 Python
python栈的基本定义与使用方法示例【初始化、赋值、入栈、出栈等】
2019/10/24 Python
解决json中ensure_ascii=False的问题
2020/04/03 Python
18-35岁旅游团的全球领导者:Contiki
2017/02/08 全球购物
英国领先的独立酒精饮料零售商:DrinkSupermarket
2021/01/13 全球购物
学校大课间活动方案
2014/01/30 职场文书
《泉水》教学反思
2014/04/11 职场文书
股权转让协议书范本
2014/04/12 职场文书
mysql中整数数据类型tinyint详解
2021/12/06 MySQL