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+css实现增加表单可用性之提示文字
Jun 03 Javascript
jquery实现图片随机排列的方法
May 04 Javascript
JavaScript中toString()方法的使用详解
Jun 05 Javascript
BootStrap学习系列之Bootstrap Typeahead 组件实现百度下拉效果(续)
Jul 07 Javascript
BootStrap中
Dec 10 Javascript
React-native桥接Android原生开发详解
Jan 17 Javascript
layui实现table加载的示例代码
Aug 14 Javascript
this.$toast() 了解一下?
Apr 18 Javascript
解决VUE双向绑定失效的问题
Oct 29 Javascript
Vue父子传递实例讲解
Feb 14 Javascript
Js实现复选框的全选、全不选反选功能代码实例
Feb 28 Javascript
Vue Mint UI mt-swipe的使用方式
Jun 05 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
PHP中使用curl入门教程
2015/07/02 PHP
如何离线执行php任务
2017/02/21 PHP
详解thinkphp5+swoole实现异步邮件群发(SMTP方式)
2017/10/13 PHP
js cookies实现简单统计访问次数
2009/11/24 Javascript
JS中数组Array的用法示例介绍
2014/02/20 Javascript
node.js中的fs.unlinkSync方法使用说明
2014/12/15 Javascript
使用angularjs创建简单表格
2016/01/21 Javascript
JavaScript html5 canvas绘制时钟效果
2016/03/01 Javascript
浅谈javascript控制HTML5的全屏操控,浏览器兼容的问题
2016/10/10 Javascript
jQuery-mobile事件监听与用法详解
2016/11/23 Javascript
js oncontextmenu事件使用详解
2017/03/25 Javascript
利用JS对iframe父子(内外)页面进行操作的方法教程
2017/06/15 Javascript
基于LayUI实现前端分页功能的方法
2017/07/22 Javascript
vue axios同步请求解决方案
2017/09/29 Javascript
jQuery实现购物车的总价计算和总价传值功能
2018/11/28 jQuery
详解Ant Design of React的安装和使用方法
2018/12/27 Javascript
wxPython窗口中文乱码解决方法
2014/10/11 Python
python实现颜色空间转换程序(Tkinter)
2015/12/31 Python
python 安装virtualenv和virtualenvwrapper的方法
2017/01/13 Python
Python cookbook(数据结构与算法)从任意长度的可迭代对象中分解元素操作示例
2018/02/13 Python
python删除本地夹里重复文件的方法
2020/11/19 Python
Python简单获取二维数组行列数的方法示例
2018/12/21 Python
解决Pandas的DataFrame输出截断和省略的问题
2019/02/08 Python
Appium+python自动化怎么查看程序所占端口号和IP
2019/06/14 Python
Python上下文管理器全实例详解
2019/11/12 Python
使用Pycharm(Python工具)新建项目及创建Python文件的教程
2020/04/26 Python
Python 中 sorted 如何自定义比较逻辑
2021/02/02 Python
AmazeUI在模态框中嵌入表单形成模态输入框
2020/08/20 HTML / CSS
售后服务承诺书范文
2014/03/26 职场文书
酒店七夕情人节活动策划方案
2014/08/24 职场文书
个人年度总结报告
2015/03/09 职场文书
大学生安全教育心得体会
2016/01/15 职场文书
Django利用AJAX技术实现博文实时搜索
2021/05/06 Python
MySQL 1130异常,无法远程登录解决方案详解
2021/08/23 MySQL
使用HttpSessionListener监听器实战
2022/03/17 Java/Android
vue+elementUI实现表格列的显示与隐藏
2022/04/13 Vue.js