Webshop kosár kialakítása sql php és jquery segítségével, hogyan?

Gyakorlásképp egy webshopot akarok összeállítani, azonban a jquery, json, és effélék, még teljesen újak számomra, szóval sötétben tapogatózok. Millió kérdésem lenne a témával kapcsolatban, de itt és most csak egyet igyekszek feltenni.

Adott egy php, ami json adatokat ad vissza:

echo '{"cart_items":'.json_encode($cart_items).'}';

echo '{"total":'.json_encode($total).'}';

Ezzel nincs is gond, az adatok megjönnek, viszont a feldolgozásnál már ilyen vidám a helyzet. Itt tartok épp:

function add_to_cart(pid,status)

{

var dataString = "pid=" + pid + "&page=add_to_cart";

$.ajax({

type: "POST",

url: "cart_handler.php",

data: dataString,

dataType: 'json',

success:function(data) {

$.each(cart_items, function(key, dat) {

$("ul#cart_items").appendTo(

'<li>'+

'<a href="#"><img src="'+dat.pic_name+'" alt="" /></a> <em>'+dat.firstname+'</em>'+

'<a href="#">'+dat.name+'</a>'+

'<span>'+dat.quantity+' x '+dat.price+' Huf</span>'+

'<div class="clearfix"></div>'+

'</li>'

);

});

$("#top_cart_btn").empty();

$("#top_cart_btn").appendTo(

'<a href="#" class="button adc">'+total.total+' Huf</a>'

);

}

});

}

Fogalmam sincs, hogy jól írtam-e vagy sem, remélem valaki egy kicsit fel tud homályosítani.

A lényeg az, hogy amikor berakok egy terméket a kosárba, akkor ahol a termékeket kéne ismét betöltenie, és feltölteni a kívánt dobozt tartalommal, csak magát a nyers JSON szöveget kapom vissza. A kérdés most csak ennyi, miért? Mit rontok el?