Home >Web Front-end >JS Tutorial >Complete version of the shopping cart program (JavaScript code)
[javascript]
/***********************************Shopping Cart Category****************** ************************/
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
/*********Manufacturing Code*********/
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,
/**Factory method***/
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
/********Initial products array code*************/
//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);
}
}
}
/*******Initial products array code*************/
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
. ney=function(){//Get the total price of all goods
var _needMoney=0;
for(var k=0;k
var _productCollection='';
var _nowCollection='';
_productCollection=collection; _productCollection; //Dynamic collection object
_this.setTemp();
}
using using if(!_productCollection) ‐ ‐ ’s ‐ ‐ ‐ 'Please specify the collection object first!'); ;i++){
_this.temp[i]=[];
This.delProduct=function(pID){//Delete a single product pID->ID of the product No.
var needProduct=_nowCollection.getProductById(pID);
Product); Number of items, pID-> Product ID
pID->Product ID
var productObj =_nowCollection.getProductById(pID);
return productObj. var _money=_nowCollection.getNeedMoney(); =function(pID){//Get the total amount of a single product
throw new Error('No such product');
var _totalMoney=_needProduct.getTotal();
throw new Error('Error, this method must be implemented in the subclass'); this.bindEvent=function(){//Bind event function
throw new Error('Error, this method must be implemented in the subclass');
. _this.renderCart ();
bindEvent() Collection; (){
//alert('test'); Object'); #&*/
use using using ‐ ‐ ‐ ‐ ‐ ;this.getNewCollection().getProducts().length;i++){
var _productEach=this.getNewCollection().getProducts()[i]; _content+='