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 浏览器判断实现函数
Aug 20 Javascript
理解Javascript_03_javascript全局观
Oct 11 Javascript
基于jquery的loading效果实现代码
Nov 05 Javascript
JQuery中关于jquery.js与jquery.min.js的比较探讨
May 15 Javascript
javascript实现别踩白块儿小游戏程序
Nov 22 Javascript
JS动态给对象添加属性和值的实现方法
Oct 21 Javascript
jQuery中DOM节点的删除方法总结(超全面)
Jan 22 Javascript
JavaScript 值类型和引用类型的初次研究(推荐)
Jul 19 Javascript
微信小程序实现选项卡功能
Jun 19 Javascript
vue.js中引入vuex储存接口数据及调用的详细流程
Dec 14 Javascript
使用Vue.js 和Chart.js制作绚丽多彩的图表
Jun 15 Javascript
Node.js API详解之 os模块用法实例分析
May 06 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
重新封装zend_soap实现http连接安全认证的php代码
2011/01/12 PHP
CI映射(加载)数据到view层的方法
2016/03/28 PHP
PHP开发制作一个简单的活动日程表Calendar
2016/06/20 PHP
微信支付开发交易通知实例
2016/07/12 PHP
通过MSXML2自动获取QQ个人头像及在线情况(给初学者)
2007/01/22 Javascript
JavaScript 基本概念
2015/01/20 Javascript
JavaScript学习笔记之定时器
2015/01/22 Javascript
javascript中对变量类型的判断方法
2015/08/09 Javascript
jQuery实现简洁的导航菜单效果
2015/11/23 Javascript
大型JavaScript应用程序架构设计模式
2016/06/29 Javascript
微信小程序  wx.request合法域名配置详解
2016/11/23 Javascript
详解webpack+es6+angular1.x项目构建
2017/05/02 Javascript
从零开始用electron手撸一个截屏工具的示例代码
2018/10/10 Javascript
JS拖拽排序插件Sortable.js用法实例分析
2019/02/20 Javascript
Vue CL3 配置路径别名详解
2019/05/30 Javascript
Vue+abp微信扫码登录的实现代码示例
2020/01/06 Javascript
[51:53]DOTA2-DPC中国联赛 正赛 RNG vs Dragon BO3 第二场 1月24日
2021/03/11 DOTA
Python对列表中的各项进行关联详解
2017/08/15 Python
PyQt5笔记之弹出窗口大全
2019/06/20 Python
Django高级编程之自定义Field实现多语言
2019/07/02 Python
详解python pandas 分组统计的方法
2019/07/30 Python
Python爬虫如何破解JS加密的Cookie
2020/11/19 Python
selenium框架中driver.close()和driver.quit()关闭浏览器
2020/12/08 Python
pandas按照列的值排序(某一列或者多列)
2020/12/13 Python
CSS3中的opacity属性使用教程
2015/08/19 HTML / CSS
中国京东和泰国中央集团合资的网站:JD CENTRAL
2020/08/22 全球购物
外贸英语毕业生自荐信
2013/11/14 职场文书
两只小狮子教学反思
2014/02/05 职场文书
企业军训感想
2014/02/07 职场文书
党员公开承诺书和承诺事项
2014/03/25 职场文书
高中同学会活动方案
2014/08/14 职场文书
党的群众路线教育实践活动党员个人剖析材料
2014/10/08 职场文书
党员组织生活会发言材料
2014/10/17 职场文书
2014超市收银员工作总结
2014/11/13 职场文书
详解非极大值抑制算法之Python实现
2021/06/28 Python
SpringBoot项目多数据源及mybatis 驼峰失效的问题解决方法
2022/07/07 Java/Android