Rumah >hujung hadapan web >tutorial js >购物车程序完善版(JavaScript代码)
[javascript]
/**********************************购物车类***************************************/
var product=function(productArr){/*商品类基类productArr=>array;productArr['ID'],productArr['name'],productArr['pic'],=productArr['lvs'],productArr['width'],productArr['thickness '],productArr['length'],productArr['open'],productArr['capacity']*/
var _ID=productArr['ID'],_name=productArr['name'],_pic=productArr['pic'],_price=productArr['price'],_weight=productArr['weight'],_originalPrice=productArr['originalPrice'],_this=this;
this.num=productArr['num'];
this.getName=function(){
return _name;
}
this.getID=function(){
return _ID;
}
this.getPrice=function(){
return _price;
}
this.getWeight=function(){
return _weight;
}
this.getPic=function(){
return _pic;
}
this.getOriginalprice=function(){
return _originalPrice;
}
this.setNum=function(newNum){
_this.num=newNum;
}
this.getTotal=function(){
var total=_this.num*_this.getPrice();
return total;
}
}
var makeProductObj=function(gID,pID,num){//制造product对象函数,返回制造的product对象,gID=>数据组ID,pID=>商品ID
/*********制造代码*********/
var pData=[];
(function(gID,pID){
$.ajax({
url:'/module/data/default.php?action=dataDetail&groupID='+gID+'&ID='+pID+'&r='+newDate(),
type:'post',
dataType:'xml',
async:false,
/**工厂方法***/
success:function(dataXML){
pData.price=$(dataXML).children('root').children('extend19').text();
pData.originalPrice=$(dataXML).children('root').children('extend9').text();
pData.weight=$(dataXML).children('root').children('extend21').text();
pData.name=$(dataXML).children('root').children('name').text();
pData.pic=$(dataXML).children('root').children('extend17').text();
}
});
})(gID,pID);
return new product({
num:num,
name:pData.name,
ID:pID,
price:pData.price,
pic:pData.pic,
weight:pData.weight,
originalPrice:pData.originalPrice,
});
}
var cartCookie=$.cookies.get('productItem');//cookie的全局变量=>'商品ID|数量,商品ID|数量'
//alert(mockCookie);
var productCollection=function(){//商品搜集类
var products=[];
var hasOne=function(productObj){
var isOne=0;
for(var i=0;i
isOne=1;
break;
}
}
return isOne;
}
var initProduct
/********初始哈products数组代码********/
//alert(mockCookie);
if(cartCookie){
initProduct=cartCookie.split(',');
for(var i=0;i
var _proObj=new makeProductObj(4,parseInt(_productTemp[0]),parseInt(_productTemp[1]));
if(hasOne(_proObj)!=1){
products.push(_proObj);
}
}
}
/*******初始哈products数组代码*********/
this.addProduct=function(productObj){//添加商品
if(hasOne(productObj)!=1){
products.push(productObj);
}
}
this.delProduct=function(productObj){//删除商品
var _tempProducts=[];
for(var i=0;i
//console.log(products[i].getID());
_tempProducts.push(products[i]);
}
}
products=_tempProducts;
}//del
this.setNumByPid=function(pID,newNum){//设置商品数量
for(var k=0;k
products[k].setNum(newNum);
break;
}
}
}
this.getProductById=function(pID){//pID为商品的ID,获得商品对象
for(var j=0;j
return products[j];
break;
}
}
return false;
}
this.getProducts=function(){//获得商品对象数组
return products;
}
this.getNeedMoney=function(){//获得所有商品的总价钱
var _needMoney=0;
for(var k=0;k
}
return _needMoney;
}//getNeedMoney
}
var cart=function(){//购物车类,productCollection为委托对象
var _productCollection='';
var _nowCollection='';
var _this=this;
this.setCollection=function(collection){//设置collection
_productCollection=collection;
_nowCollection=_productCollection;//动态collection对象
_this.setTemp();
}
this.temp=[];//初始化collection对象
this.setTemp=function(){
if(!_productCollection){
throw new Error('请先指定collection对象!');
}
var listProduct=_productCollection.getProducts();
for(var i=0;i
_this.temp[i]=listProduct[i];
}
};
this.delProduct=function(pID){//删除单个商品pID->商品的ID号
var needProduct=_nowCollection.getProductById(pID);
if(needProduct!=false){
_nowCollection.delProduct(needProduct);
}
}
this.setNumByPid=function(pID,newNum){//设置某个商品的数量,pID->商品ID
_nowCollection.setNumByPid(pID,newNum);
}
this.getCurrentNumByPid=function(pID){//获得某个商品的数量,pID->商品ID
var productObj=_nowCollection.getProductById(pID);
return productObj.num;
}
this.getTotalMoney=function(){//获得总金额
var _money=_nowCollection.getNeedMoney();
return _money;
}
this.getTotalMoneyByPid=function(pID){//获得单个商品的总金额
var _needProduct=_nowCollection.getProductById(pID);
if(_needProduct===false){
throw new Error('无此商品');
}
var _totalMoney=_needProduct.getTotal();
return _totalMoney;
}
this.renderCart=function(){//渲染函数
throw new Error('错误,该方法必须在子类中实现');
}
this.bindEvent=function(){//绑定事件函数
throw new Error('错误,该方法必须在子类中实现');
}
//this.renderCart();
this.touchOff=function(){//触发 www.2cto.com
_this.renderCart();
_this.bindEvent();
}
this.getNewCollection=function(){//获得新的collection对象
return _nowCollection;
}
}
/********************************购物车类****************************************/
var shoppingTrolley=function(){
//alert('test');
/***************检查*****************/
if(!cartTest){
throw new Error('请实例化cart对象');
}
/***************检查***************/
cartTest.renderCart=function(){//子渲染
var _content='';
for(var i=0;i
//alert(_productEach.getName());
_content+='