<!-- 这里我为了简化，只把商品的基本信息列出来。-->
<form>
<table>
<!-- key字段为商品的惟一标识符，值必须确保是惟一的。
    把key、shoename、shoeprice字段设为隐藏，一个是为了方便获取信息，另一个是为了界面比较好看。 
 -->
<input type="hidden" name="key" value="shoe1">
<input type="hidden" name="shoename" value="经典红色低帮">
<input type="hidden" name="shoeprice" value="200">
<tr><td>经典红色低帮</td></tr>
<tr><td><select name="shoesize"><option value="35">35<option value="36">36</option></td></tr>
<tr><td><input type="text" name="shoenum" value="1"></td></tr>
<tr><td>200</td></tr>
<tr><td><input type="button" value="加入购物车" onclick="add_to_cart(this.form);">
</table>
</form>
<!-- ok,上面的代码列出了商品1的基本信息，点击加入购物车就会触发add_to_cart()函数，我们看一下js代码是怎么写的。-->
<script type="text/javascript">
//用过ajax的都知道下面这个函数是创建XMLHttpReques对象的通用函数，这里就不讲解了。
function createXMLHttpRequest(){
if(window.ActiveXObject)
xmlHttp=new ActiveXObject("Microsoft.XMLHttp");
else if(window.XMLHttpRequest)
xmlHttp=new XMLHttpRequest();
 }
//参数myform,每一件商品给它分配一个form表单，这样就很容易获取每件商品的信息了。
function add_to_cart(myform){
createXMLHttpRequest(); //创建一个XMLHttpReques对象。
var key=myform.key;
var shoename=myform.shoename;
var shoesize=myform.shoesize;
var shoenum=myform.shoenum;
var shoeprice=myform.price;
//用来传递的参数，我这里选择的是用post方式传送。
var postStr="key="+key+"&name="+shoename+"&size="+shoesize+"&num="+shoenum+"&price="+shoeprice;
xmlHttp.open("post", "add_to_cart.php");  //设置请求的页面，这里为add_to_cart.php;
xmlHttp.setRequestHeader("cache-control","no-cache"); 
xmlHttp.setRequestHeader("Content-Type","application/x-www-form-urlencoded"); 
xmlHttp.send(postStr);
xmlHttp.onreadystatechange=function(){
if(xmlHttp.readyState==4 & xmlHttp.status==200){
alert(xmlHttp.responseText);
}else  alert("添加失败");
}
}
</script>
<!--以上的js代码获取了商品的基本信息，并把它作为参数以post的方式传递给add_to_cart.php。-->

<?php
session_start();
ob_start();//是为了防止出现Cannot modify header information之类的问题，可看一下http://www.googlephp.cn/archives/21这篇文章。
if($_POST['key']){
$key=$_POST['key'];
$name=$_POST['name'];
$size=$_POST['size'];
$num=$_POST['num'];
$price=$_POST['price'];
//我们把每一件商品信息都保存在$_SESSION['key']数组里。
//下面是一个逻辑判断，如果该商品是第一次加入购物车，就新创建一个$_SESSION['key']数组，否则数量就累加。
if(!isset($_SESSION[$key])){    //不存在$_SESSION[$key]这个变量，表示是第一次加入购物车。
$_SESSION[$key]['name']=$name;
$_SESSION[$key]['size']=$size;
$_SESSION[$key]['num']=$num;
$_SESSION[$key]['price']=$price;
} else{
$_SESSION[$key]['num']+=$num;
} 
echo "加入购物车成功";  //作为返回信息。
}
//以上的php代码程序显示了如何保存每一件加入购物车的基本信息。
?>

<?php
session_start();
ob_start();
$_SESSION['totalamount']=0; //用来保存商品的总金额。
/*如何循环输出购物车的商品信息，第一个我想到是循环输出$_SESSION数组，但是print_r($_SESSION);会发现一个问题：$_SESSION数组不仅保存着商品信息，还保存着其它乱七八糟的信息，那样的话我们就需要对这个数组进行过滤，把商品信息提取出来。于是我想到可不可以用商品的标识符key来作判断呢，如果还有某个字符串就是我们需要的商品信息，上面我们商品1的key为shoe1,于是我们可以帮其它商品的key取值为shoe2,shoe3,shoe4....，这样我们的key都包含了"shoe"这个字符串。看下面代码是怎么过滤$_SESSION的。
*/
$products=array(); // 用来保存$_SESSION过滤后的商品信息。
foreach($_SESSION as $key=>$value){
if(strstr($key,"shoe")){     //包含"shoe字符串的才是我们真正需要的商品信息。"
$products[$key]['name']=$value['name'];
$products[$key]['size']=$value['size'];
$products[$key]['num']=$value['num'];
$products[$key]['price']=$value['price'];
$_SESSION['totalamount']+=$value['num']*$value['price'];
}
}
//接下来我们就循环输出购物车每个商品的信息。
?>
<table>
<tr><td>商品</td><td>大小</td><td>数量</td><td>价格</td></tr>
<?php foreach($products as $product){ ?>
<tr>
<td><?php echo $product['name'];?></td>
<td><?php echo $product['size'];?></td>
<td><?php echo $product['num'];?></td>
<td><?php echo $product['num']*$product['price'];?></td>
</tr>
<?php } ?>
<tr><td colspan="4">总金额为：<?php echo $_SESSION['totalamount'];?></td></tr>
</table>