1,引入jquery檔案

<script src="./jquery-1.11.0.js"></script>

2,加入購(gòu)物車功能

#在a標(biāo)籤新增點(diǎn)擊事件

<a href= "javascript:;" onclick="buynow()">立刻購(gòu)買</a> ?<a href="javascript:;" onclick="#addshoppingcart# ()">加入購(gòu)物車</a>

加入購(gòu)物車無(wú)非需要知道商品的兩個(gè)屬性一個(gè)是商品ID,一個(gè)是購(gòu)買數(shù)量

3,加入購(gòu)物的ajax實(shí)作方法

<?php
//添加到購(gòu)物車
function addshoppingcart(){
    $.ajax({
        url:"shoppingcart.php?a=addshoppingcart",
        type:"post",
        data:{'buynum':$("#buynum").val(),'id':$("#id").val()},
        dataType:"html",
        success:function (data) {
                location.href="shoppingcart.php?a=buynow";
                if(data){
                    alert("添加購(gòu)物車成功!");
            }
        }
    })
}

##4,基於cookie的購(gòu)物車新增實(shí)作

新shoppingcart.php檔

程式碼如下：

<?php
header("Content-type:text/html;charset=utf-8");
include "mysqli.php";
$a=isset($_GET["a"])?$_GET["a"]:"";
//添加購(gòu)物車
if($a=="addshoppingcart"){
    $buynum=$_POST["buynum"];
    $id=$_POST["id"];
//    echo "<script>alert($buynum+$id)</script>";
    if(!empty($_COOKIE["shoppingcart"]))
        $shoppingcart=unserialize($_COOKIE["shoppingcart"]);
    else
        $shoppingcart=array();
    if(isset($id) && isset($buynum)){
        $id=intval($id);
        $buynum=intval($buynum);
        $shoppingcart[]=array($id,$buynum);
    }
    setcookie('shoppingcart',serialize($shoppingcart));//商品屬性進(jìn)行序列化保存到cookie中
    return"true";
}

5,購(gòu)物車的購(gòu)買實(shí)作

點(diǎn)擊購(gòu)買的時(shí)候需要先加入購(gòu)物車一次再跳到購(gòu)買頁(yè)面,修改goodsshow.php程式碼如下:

<?php
<script>
    //立即購(gòu)買
    function buynow(){
        //先添加到購(gòu)物車再進(jìn)行跳轉(zhuǎn)到購(gòu)買頁(yè)面
        addshoppingcart("buy");
    }
    //添加到購(gòu)物車
    function addshoppingcart(a){
        $.ajax({
            url:"shoppingcart.php?a=addshoppingcart",
            type:"post",
            data:{'buynum':$("#buynum").val(),'id':$("#id").val()},
            dataType:"html",
            success:function (data) {
                if(a=="buy"){
                    location.href="shoppingcart.php?a=buynow";
                }else{
                    if(data){
                        alert("添加購(gòu)物車成功!");
                    }
                }
            }
        })
    }
</script>

在shoppingcart.php裡加入程式碼:

<?php
elseif($a=="buynow") {
    //下面寫購(gòu)物車頁(yè)面
    
}