Javascript操纵Cookie实现购物车程序
2024-09-06 12:44:26
供稿:网友
代码如下:
/*****************************************************************************************************
Name 购物车
Version 1.1
Author Vanni(凡林) url:www.27sea.com QQ:303590170
CreateDate 2005-05-31
Description
此类是基于JavaScript和客户端Cookie,请保证客户端开启Cookie
数据保持(默认24*30小时)可以通过 this.expire=? 小时来指定
类中两自带的两个对象 typeObj 和 proObj 均有两个相同属性名: name 和 value
类中数据存储形式如下-----------------------------------
Array(
new typeObj('汽车',array(
new porObj('三菱',200),
new proObj('本田',500)
)
),
new typeObj('蛋',array(
new proObj('鸡蛋',10),
new proObj('鸭蛋',20)
)
}
Cookie 存取形式为[使用escape()函数加密过]--------------
购物车名 = 汽车#三菱:200|本田:500,蛋#鸡蛋:10|鸭蛋:20
注意:客户端存Cookie时,不会出现问题。如果要循环存储的话,可能会出现有些存入,而有些未存入
解决方法:见下例(获得URL里的sales的数量,并存入Cookie)
文件:/depot/compareproduct.php 中的JS代码片段
<script language="javascript">
var car=new Car('compare');
var typeName='list';
car.delType(typeName); //将先前对比的产品清除
//得到URL里的参数,并分隔成数组
var url=location.href;
var start=url.lastIndexOf('?sales=');
var end=url.indexOf('&');
if(end==-1)end=url.length;
var urlparam=url.substring(url.lastIndexOf('?sales=')+7, end ).split(',');
function setPageVal(){
if(car.getPro(typeName).length==urlparam.length)return; //关键部分,如果数组长度不相等说明,有些Cookie没有存入
else{
car.addType(typeName); //增一个类别
for(i=0;i<urlparam.length;i++){
car.addPro(typeName,urlparam[i],''); //增加对比产品,如果存在,返回假
}
setTimeout('setPageVal();',100); //再次调用自身,没有用递归,是因为递归速度太快,仍会有存不进的问题
}
}
setPageVal(); //初始化数据
function delItem(itemname){
car.delPro(typeName,itemname);
var carData=car.getPro(typeName);
var url='';
var carlen=carData.length;
if(carlen>1){
for(i=0;i<carData.length;i++){
if(i==0) url =carData[i].name;
else url+=','+carData[i].name;