ada yang masih stay ditutorial ini ? .... bagaimana sudah pada pusing? saya sendiri nulisnya juga pusing hehe, setelah melewati beberapa part tutorial akhirnya sampai juga di "The Last Tutorial of Membuat Toko Online dengan Ajax Jquery " :D. tutorial terakhir (Part 5). yang merupakan sambungan dari tuto...

Membuat Toko Online dengan Ajax Jquery [Part 5] (Terakhir)

ada yang masih stay ditutorial ini ? .... bagaimana sudah pada pusing? saya sendiri nulisnya juga pusing hehe, setelah melewati beberapa part tutorial akhirnya sampai juga di "The Last Tutorial of Membuat Toko Online dengan Ajax Jquery " :D. tutorial terakhir (Part 5). yang merupakan sambungan dari tutorial sebelumnya.

ok langsung saja, pada tahap akhir ini kita akan membuat beberapa function. diantaranya function adds,less, dan kill.

apabila anda mengikuti tutorial dari awal, maka  function adds ini sudah pernah kita buat yaitu pada tutorial Part 2.
silahkan buka kembali file "myjs.js"nya.

kemudian tambahkan function less.

function less(id){ 
$.ajax({ 
url : "mcart.php", 
data : "pid="+id+"&act=less", 
success : function(){ 
$('.b-pop-up').html('<img src="ajax-loader.gif">'); 
$('.b-pop-up').load('cart.php'); 
$('#tkrj').load('total.php'); 
} 
}); 
}

Penjelasan.
sama seperti penjelasan function adds pada tutorial Part 2
bedanya disini hanya terletak pada baris berikut.

data : "pid="+id+"&act=less",

yups... untuk function less, actionya berupa less, jadi kita akan memproses data dengan bantuan file "mcart.php"  dan parameter act nya = "less". (file "mcart.php" ini sudah kita bahas pada tutorial 3 ). dan parameter less akan mengurangi jumlah barang.
buka kembali file "mcart.php"
isinya seperti ini kan?

<?php
session_start();
if(isset($_GET['pid']) && isset($_GET['act'])){
    if(!empty($_GET['pid']) && !empty($_GET['act'])){
        switch($_GET['act']){
            case "adds":
            if(isset($_SESSION['cart'][$_GET['pid']])){
                $_SESSION['cart'][$_GET['pid']]+=1;
            }else{
                $_SESSION['cart'][$_GET['pid']]=1;
            }
            break;
             
        }
    }
}
?>


tambahkan code berikut dibawah statement break;

case "less":
if($_SESSION['cart'][$_GET['pid']]<=1){
unset($_SESSION['cart'][$_GET['pid']]);
}else{
$_SESSION['cart'][$_GET['pid']]-=1;
}
break;

Penjelasan.

case "less":

//jika parameter act-nya berupa "less" atau jika [-] pada keranjang diklik,
            if($_SESSION['cart'][$_GET['pid']]<=1){

            //jika tidak ada barang atau barangnya cuma satu,
                unset($_SESSION['cart'][$_GET['pid']]);

           // maka hapus session barang tersebut
            }else{
                //jika lebih dari satu
                $_SESSION['cart'][$_GET['pid']]-=1;
                // maka kurangi
            }
            break;

kemudian kita coba.

jumlah barang "Nang-Ghinang" ada 2 buah, sekrang kita coba kurangi jumlahnya dengan mengklik link [-]

tampil loading.

yups... jumlahnya berkurang.

sekrang lanjut ke function kill,
buka kembali file "myjs.js" kemudian tambahkan code dibawah ini.

 

function kill(id){
       $.ajax({
	url : "mcart.php",
	data : "pid="+id+"&act=kill",
	success : function(){
	        $('.b-pop-up').html('<img src="ajax-loader.gif">');
		$('.b-pop-up').load('cart.php');
	        $('#tkrj').load('total.php');
		}
	});
}

penjelasannya sama seperti function less diatas. bedanya cuma di acttionya/act , jika pada function  less act="less" maka pada function kill act="kill"

kemudian buka lagi file "mcart.php", tambahkan code berikut dibawah break;

case "kill":
if(isset($_SESSION['cart'][$_GET['pid']])){
//jika ada barang
unset($_SESSION['cart'][$_GET['pid']]);
// maka hapus.
}
break;

kemudian coba.

 

 

yups berhasil, dan Alhamdulillah tutorialnya kelar juga

bagi yang kebingungan silahkan tanya-tanya.

bagi  yang mau download file lengkapnya DISINI

ok cukup sekian teman-teman. semoga bermanfaat.
Trima Kasih banyak.

Wassalamualaikum. wr.wb

 

 

 


About Author

d-newbie

Adalah seorang ninja dari Coding Gakure, Menguasai jurus HTML no jutsu, CSS no jutsu, Javascript no jutsu, PHP no jutsu, dan MySQL no jutsu, jurus andalan adalah KageLooping no jutsu, yg bisa memperbanyak output sekali coding , ninja yang berasal dari TIM W3, dan diasuh oleh petapa genit yang suka menjilat-jilat situs yaitu google.com. :D #xixixi


Comment & Discussions

  • Muhammad Rejeki
    wah seperti biasa sugoi tutorial desu ne..
    semoga makin jago PHP no jutsu nya gan :D

  • d-newbie
    :D . . .


    aamiin . .thankyu gan

    • Erwin Apriliawan

      bang yang di database nya ada kolom admin fungsinya buat apa ya? apa bakal disempurnakan dengan system CRUD buat update barangnya?
      suwun (:


  • Please LOGIN before if you want to give the comment.