jquery ajax fonksiyonu ile yapabilirsiniz.
En basit bir örnekle:
ajax.sepetekle.php adında bir dosyanız olduğunu varsayalım. bu php dosyasında get ile gelen ürünü alıp db ye ekletiyorsunuz ve sonuç olarak ekranada sepetin olduğu kısmın htmlleriyle birlikte kodlarını ekrana bastırıyorsunuz diyelim.
örn (ajax.sepeteekle.php)
<?php
$urun_id = $_GET['id'];
//ilgili ürünü veritabanındaki sepet tablonuza ekleme kodları
$sql = mysql_query("select urun_adi from sepet");
while ($row = mysql_fetch_array($sql))
{
echo '<div class="sepeturun">'.$row['urun_adi'].'</div>';
}
?>ana site kodlarında ise jquery ile şöyle yazacağımız şöyle bir kısmımız olacak:
function SepeteEkle(id)
{
$.ajax({
type: 'GET',
url: 'ajax.sepeteekle.php?'+id,
cache: false,
error: function(){ alert('Bilinmedik Bir Hata Oluştu ! '); },
success: function(veri) { $('.sepet_anadiv').html(veri); }
});
}ana sitedeki sepet kısmımızında html kodlarının aşağıdaki şekilde olduğunu varsayıyorum.
<div class="sepet_anadiv">
<div class="sepeturun">Ürün 1</div>
<div class="sepeturun">Ürün 2</div>
</div>
burda yapmanız gereken sepete ekle butonlarını aşağıdaki formata getirmeniz.
<a href="javascript:;" onclick="SepeteEkle(burayaurunidsigelecek)">Sepete Ekle</a>
bu verdiğim kodlar direkt olarak çalışmayabilir ben sadece mantığını anlatmaya çalıştım umarım işinize yarar.