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 相关文章推荐
JQuery 绑定select标签的onchange事件,弹出选择的值,并实现跳转、传参
Jan 06 Javascript
浅析用prototype定义自己的方法
Nov 14 Javascript
JavaScript原生对象之String对象的属性和方法详解
Mar 13 Javascript
动态加载JavaScript文件的两种方法
Apr 22 Javascript
如何用js实现鼠标向上滚动时浮动导航
Jul 18 Javascript
JavaScript实现点击按钮复制指定区域文本(推荐)
Nov 25 Javascript
js实现点击每个li节点,都弹出其文本值及修改
Dec 15 Javascript
javascript实现去除HTML标签的方法
Dec 26 Javascript
ajax异步请求详解
Jan 06 Javascript
使用jQuery卸载全部事件的思路详解
Apr 03 jQuery
react实现一个优雅的图片占位模块组件详解
Oct 30 Javascript
js代码编写无缝轮播图
Sep 13 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安装为Apache DSO
2006/10/09 PHP
PHP中file_exists与is_file,is_dir的区别介绍
2012/09/12 PHP
php 数组字符串搜索array_search技巧
2016/07/05 PHP
PHP中Trait及其应用详解
2017/02/14 PHP
PHP闭包定义与使用简单示例
2018/04/13 PHP
用js实现的模拟jquery的animate自定义动画(2.5K)
2010/07/20 Javascript
jQuery实现用户注册的表单验证示例
2013/08/28 Javascript
JavaScript的常见兼容问题及相关解决方法(chrome/IE/firefox)
2013/12/31 Javascript
node.js中的path.dirname方法使用说明
2014/12/09 Javascript
JavaScript 变量、作用域及内存
2015/04/08 Javascript
JS实现弹出浮动窗口(支持鼠标拖动和关闭)实例详解
2015/08/06 Javascript
基于jquery实现轮播焦点图插件
2016/03/31 Javascript
移动端翻页插件dropload.js(支持Zepto和jQuery)
2016/07/27 Javascript
详解nodejs微信公众号开发——1.接入微信公众号
2017/04/10 NodeJs
详解webpack3如何正确引用并使用jQuery库
2017/08/26 jQuery
Vue 让元素抖动/摆动起来的实现代码
2018/05/31 Javascript
解决Vue动态加载本地图片问题
2019/10/09 Javascript
python学习基础之循环import及import过程
2018/04/22 Python
python使用openpyxl库修改excel表格数据方法
2018/05/03 Python
python实现超市管理系统(后台管理)
2019/10/25 Python
如何验证python安装成功
2020/07/06 Python
Python自定义sorted排序实现方法详解
2020/09/18 Python
一款纯css3实现的漂亮的404页面的实例教程
2014/11/27 HTML / CSS
俄罗斯极限运动网上商店:Board Shop №1
2020/12/18 全球购物
MIS软件工程师的面试题
2016/04/22 面试题
餐饮业创业计划书范文
2014/01/06 职场文书
十佳护士获奖感言
2014/02/18 职场文书
妈妈活动方案
2014/08/15 职场文书
群教班子对照检查材料
2014/08/26 职场文书
优秀党务工作者先进事迹材料
2014/12/25 职场文书
青年教师个人总结
2015/02/11 职场文书
预备党员群众意见
2015/06/01 职场文书
法院执行局工作总结
2015/08/11 职场文书
2015年幼儿园班主任个人工作总结
2015/10/22 职场文书
第四次工业革命,打工人与机器人的竞争
2022/04/21 数码科技
国际最新研究在陨石中发现DNA主要成分 或由陨石带来地球
2022/04/29 数码科技