1, introduisez le fichier jquery

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

2, ajoutez la fonction d'ajout au panier

Ajouter un événement de clic à la balise a

<a href="javascript:;" onclick="buynow()">Acheter maintenant</a> <a href="javascript:;" " addshoppingcart()">Ajouter au panier</a>

Pour ajouter au panier, il vous suffit de conna?tre les deux attributs du produit, l'un est l'ID du produit et l'autre est la quantité achetée

3, Ajoutez la méthode d'implémentation ajax du shopping

<?php
//添加到購物車
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("添加購物車成功!");
            }
        }
    })
}

4, ajoutez l'implémentation du panier d'achat basée sur les cookies

Créez un nouveau panier.php fichier

Le code est le suivant?:

<?php
header("Content-type:text/html;charset=utf-8");
include "mysqli.php";
$a=isset($_GET["a"])?$_GET["a"]:"";
//添加購物車
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, Mise en ?uvre de l'achat du panier

Lorsque vous cliquez pour acheter, vous devez d'abord l'ajouter au panier et puis passez à la page d'achat. Modifiez le code goodshow.php comme suit?:

<?php
<script>
    //立即購買
    function buynow(){
        //先添加到購物車再進(jìn)行跳轉(zhuǎn)到購買頁面
        addshoppingcart("buy");
    }
    //添加到購物車
    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("添加購物車成功!");
                    }
                }
            }
        })
    }
</script>

dans shoppingcart.php Ajoutez le code?:

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