Bazı durumlarda sayfa yenilenmeden PHP çalıştırmak durumunda kalabiliyoruz. Bu örneklerden birisi de E-Ticaret sitelerindeki "Sepete Ekle" özelliğidir. Bu yazımızda JQuery ajax kullanarak sayfa yenilenmeden işlem yapmayı öğreneceksiniz.
JQuery kodlarını buradan kopyalayıp javascript dosyanıza yapıştırabilirsiniz.
AJAX KULLANIMI
ajaxın genel kullanımı şu şekildedir;
Kod:
$.ajax({
type: "POST", // metod
url: 'dosya.php', // POST edilecek php dosyası
data: {post_adi:dosyaya_post_edilecek_bilgi},
success: function (phpden_gelen_bilgi){
// başarılı ise yapılacaklar
},
});
SEPET UYGULAMASI
Sepet uygulamasında neler yapacağız?
HTML: Her ürünün div'ine data-id verip içerisine ürünün ID'sini yazacağız. Daha sonra JS dosyamızda .attr("data-id") ile veriyi çekeceğiz.
PHP: Session ile dizi oluşturacağız ve bu dizi içerisinde ürünlerin ID'lerini tutacağız.
JQuery: Tıklana ürünün data-id'sini çekip ajax ile sayfa yenilenmeden PHP dosyası içerisindeki Session içerisine ekleyeceğiz.
SAYFALAR
urunler.php
$urun_id değişkenine sizler veritabanında ürünleri çekip foreach ile verileri döngüye soktuğunuzda içerisine ürün ID'sini atamanız gerekiyor. Ben veritabanıyla uğraşmamak için $urun_id değişkenine 14092020 yazıyorum.
<div style="margin:20px; margin-top:5px"> Kod:
<font color="Silver">