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 动态添加表格行
Jun 22 Javascript
Ajax一统天下之Dojo整合篇
Mar 24 Javascript
通过 Dom 方法提高 innerHTML 性能
Mar 26 Javascript
createElement动态创建HTML对象脚本代码
Nov 24 Javascript
Javascript中的异步编程规范Promises/A详细介绍
Jun 06 Javascript
如何用javascript计算文本框还能输入多少个字符
Jul 29 Javascript
json对象转为字符串,当做参数传递时加密解密的实现方法
Jun 29 Javascript
Express之托管静态文件的方法
Jun 01 Javascript
vue awesome swiper异步加载数据出现的bug问题
Jul 03 Javascript
vue实现点击追加选中样式效果
Nov 01 Javascript
js生成1到100的随机数最简单的实现方法
Feb 07 Javascript
JavaScript实现10秒后再次获取验证码
Dec 02 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
用PHP4访问Oracle815
2006/10/09 PHP
ThinkPHP CURD方法之limit方法详解
2014/06/18 PHP
PHP中的常见魔术方法功能作用及用法实例
2015/07/01 PHP
php 读写json文件及修改json的方法
2018/03/07 PHP
php设计模式之工厂模式用法经典实例分析
2019/09/20 PHP
js电信网通双线自动选择技巧
2008/11/18 Javascript
高效的表格行背景隔行变色及选定高亮的JS代码
2010/12/04 Javascript
JavaScript高级程序设计 阅读笔记(十八) js跨平台的事件
2012/08/14 Javascript
jQuery中removeAttr()方法用法实例
2015/01/05 Javascript
JavaScript中判断变量是数组、函数或是对象类型的方法
2015/02/25 Javascript
angular分页指令操作
2017/01/09 Javascript
windows下vue.js开发环境搭建教程
2017/03/20 Javascript
Vuex和前端缓存的整合策略详解
2017/05/09 Javascript
深入理解Node.js中通用基础设计模式
2017/09/19 Javascript
vue中使用echarts制作圆环图的实例代码
2018/07/27 Javascript
浅谈express.js框架中间件(middleware)
2019/04/07 Javascript
浅谈 Webpack 如何处理图片(开发、打包、优化)
2019/05/15 Javascript
jQuery利用cookie 实现本地收藏功能(不重复无需多次命名)
2019/11/07 jQuery
vue+echarts实现动态折线图的方法与注意
2020/09/01 Javascript
js闭包的9个使用场景
2020/12/29 Javascript
python中zip和unzip数据的方法
2015/05/27 Python
Python处理JSON数据并生成条形图
2016/08/05 Python
一个基于flask的web应用诞生 记录用户账户登录状态(6)
2017/04/11 Python
Python连接phoenix的方法示例
2017/09/29 Python
django自定义模板标签过程解析
2019/12/14 Python
jupyter notebook更换皮肤主题的实现
2021/01/07 Python
在网上学习全世界最好的课程:Coursera
2017/11/07 全球购物
建筑施工实习自我鉴定
2013/09/19 职场文书
项目管理计划书
2014/01/09 职场文书
给护士表扬信
2014/01/19 职场文书
档案工作汇报材料
2014/08/21 职场文书
先进员工事迹材料
2014/12/20 职场文书
上课讲话检讨书范文
2015/05/07 职场文书
律师催款函范文
2015/06/24 职场文书
合作意向书怎么写
2019/06/24 职场文书
将Python代码打包成.exe可执行文件的完整步骤
2021/05/12 Python