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中实现命名空间
Nov 23 Javascript
JavaScript function 的 length 属性使用介绍
Sep 15 Javascript
JS实现从表格中动态删除指定行的方法
Mar 31 Javascript
jQuery+ajax简单实现文件上传的方法
Jun 03 Javascript
Vue.js组件使用开发实例教程
Nov 01 Javascript
jQuery中 bind的用法简单介绍
Feb 13 Javascript
详解Angular2 之 结构型指令
Jun 21 Javascript
JS实现页面打印(整体、局部)
Aug 18 Javascript
浅谈Vue服务端渲染框架Nuxt的那些事
Dec 21 Javascript
js实现弹出框的拖拽效果实例代码详解
Apr 16 Javascript
js实现简单掷骰子效果
Oct 24 Javascript
JS访问对象两种方式区别解析
Aug 29 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 date函数参数详解
2006/11/27 PHP
关于BIG5-HKSCS的解决方法
2007/03/20 PHP
PHP命名空间(Namespace)的使用详解
2013/05/04 PHP
PHP生成自适应大小的缩略图类及使用方法分享
2014/05/06 PHP
php实现获取文章内容第一张图片的方法
2014/11/04 PHP
如何解决phpmyadmin导入数据库文件最大限制2048KB
2015/10/09 PHP
由点击页面其它地方隐藏div所想到的jQuery的delegate
2013/08/29 Javascript
BootStrap中Tab页签切换实例代码
2016/05/30 Javascript
Vue.js 父子组件通讯开发实例
2016/09/06 Javascript
Vue非父子组件通信详解
2017/06/12 Javascript
基于JavaScript实现抽奖系统
2018/01/16 Javascript
vue利用axios来完成数据的交互
2018/03/23 Javascript
javascript合并两个数组最简单的实现方法
2019/09/14 Javascript
解决layer.prompt无效的问题
2019/09/24 Javascript
vue-autoui自匹配webapi的UI控件的实现
2020/03/20 Javascript
vue使用axios实现excel文件下载的功能
2020/07/16 Javascript
[01:32:10]NAVI vs VG Supermajor 败者组 BO3 第一场 6.5
2018/06/06 DOTA
Python的Socket编程过程中实现UDP端口复用的实例分享
2016/03/19 Python
常见python正则用法的简单实例
2016/06/21 Python
Python的shutil模块中文件的复制操作函数详解
2016/07/05 Python
分享vim python缩进等一些配置
2018/07/02 Python
python opencv判断图像是否为空的实例
2019/01/26 Python
浅谈Python基础—判断和循环
2019/03/22 Python
python django框架中使用FastDFS分布式文件系统的安装方法
2019/06/10 Python
Django 通过JS实现ajax过程详解
2019/07/30 Python
Python爬虫 bilibili视频弹幕提取过程详解
2019/07/31 Python
Python实用库 PrettyTable 学习笔记
2019/08/06 Python
python中with语句结合上下文管理器操作详解
2019/12/19 Python
python  ceiling divide 除法向上取整(或小数向上取整)的实例
2019/12/27 Python
使用django自带的user做外键的方法
2020/11/30 Python
计算机专业个人简短的自我评价
2013/10/23 职场文书
优秀大学生的自我评价
2014/01/16 职场文书
新三好学生主要事迹
2014/01/23 职场文书
工程质量承诺书范文
2014/03/27 职场文书
高中生自我评价范文2015
2015/03/03 职场文书
Nginx跨域问题解析与解决
2022/08/05 Servers