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 相关文章推荐
js Flash插入函数免激活代码
Mar 31 Javascript
javascript获取鼠标点击元素对象(示例代码)
Dec 20 Javascript
jQuery中removeClass()方法用法实例
Jan 05 Javascript
简述JavaScript对传统文档对象模型的支持
Jun 16 Javascript
BootStrap+Angularjs+NgDialog实现模式对话框
Aug 24 Javascript
解决循环中setTimeout执行顺序的问题
Jun 20 Javascript
Vue子组件向父组件通信与父组件调用子组件中的方法
Jun 22 Javascript
react同构实践之实现自己的同构模板
Mar 13 Javascript
jQuery Raty星级评分插件使用方法实例分析
Nov 25 jQuery
详解node和ES6的模块导出与导入
Feb 19 Javascript
解决element-ui的下拉框有值却无法选中的情况
Nov 07 Javascript
vue如何清除浏览器历史栈
May 25 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
NOD32 v2.70.32 简体中文封装版 提供下载了
2007/02/27 PHP
Zend Framework中的简单工厂模式 图文
2012/07/10 PHP
Laravel4中的Validator验证扩展用法详解
2016/07/26 PHP
PHP生成二维码与识别二维码的方法详解【附源码下载】
2019/03/07 PHP
PHP基于timestamp和nonce实现的防止重放攻击方案分析
2019/07/26 PHP
jQuery UI Dialog控件中的表单无法正常提交的解决方法
2010/12/19 Javascript
jquery中animate动画积累的解决方法
2013/10/05 Javascript
JavaScript中使用Substring删除字符串最后一个字符
2013/11/03 Javascript
在JavaScript里防止事件函数高频触发和高频调用的方法
2014/09/06 Javascript
详解JavaScript数组的操作大全
2015/10/19 Javascript
js仿QQ中对联系人向左滑动、滑出删除按钮的操作
2016/04/07 Javascript
浅析上传头像示例及其注意事项
2016/12/14 Javascript
angular+ionic 的app上拉加载更新数据实现方法
2017/01/16 Javascript
详解vue 中使用 AJAX获取数据的方法
2017/01/18 Javascript
详解Vue2+Echarts实现多种图表数据可视化Dashboard(附源码)
2017/03/21 Javascript
php 修改密码实现代码
2017/05/24 Javascript
详解Vue 非父子组件通信方法(非Vuex)
2017/05/24 Javascript
Angular2使用jQuery的方法教程
2017/05/28 jQuery
js实现数组内数据的上移和下移的实例
2017/11/14 Javascript
详解如何用babel转换es6的class语法
2018/04/03 Javascript
VUE2.0中Jsonp的使用方法
2018/05/22 Javascript
JS判断字符串是否为整数的方法--简单的正则判断
2018/07/23 Javascript
Bootstrap fileinput 上传新文件移除时触发服务器同步删除的配置
2018/10/08 Javascript
解决layui的table插件无法多层级获取json数据的问题
2019/09/19 Javascript
layui 数据表格复选框实现单选功能的例子
2019/09/19 Javascript
Python的设计模式编程入门指南
2015/04/02 Python
python django使用haystack:全文检索的框架(实例讲解)
2017/09/27 Python
解决PyCharm不运行脚本,而是运行单元测试的问题
2019/01/17 Python
python实现二分类和多分类的ROC曲线教程
2020/06/15 Python
关于HTML5你必须知道的28个新特性,新技巧以及新技术
2012/05/28 HTML / CSS
办公室文员工作职责
2014/01/31 职场文书
销售求职信范文
2014/05/26 职场文书
民主生活会对照检查材料(统计局)
2014/09/21 职场文书
初三化学教学反思
2016/02/22 职场文书
送给教师们,到底该如何写好教学反思?
2019/07/02 职场文书
人民币符号
2022/02/17 杂记