[AJAX]Odświeżenie danych Opcje

[kamilo818]

Mam taki problem:

Po kliknięciu w przycisk dodaje wartosci do tablicy w taki sposób:

[PHP] pobierz, plaintext 
$('div.dodaj_do_koszyka').click(function(){
		var rozmiar = $('div#rozmiar select option:selected').text();
		var kolor = $('div#kolor select option:selected').text();
		var cena =$('div#cena p#cena').attr('value');
                var ilosc = $('div#cena input').attr('value');
 
                if(ilosc<=0){
			$('div#cena input').attr('value','1');
			ilosc = $('div#cena input').attr('value');
		}
 
		alert('Dodano do koszyka: \nRozmiar: '+rozmiar +'\nKolor: '+ kolor +'\nW cenie: '+ cena +' zł\nIlość: '+ilosc);
 
		var dataString = 'rozmiar='+ rozmiar + '&kolor=' + kolor + '&cena=' + cena + '&ilosc=' + ilosc;   
 
			$.ajax({
						type: 'get',
						url: ('./page/koszyk.php'),
						data: dataString,
						success: function(obj){
	                                                $('html').html(obj);
						}
			});
 
	});
[PHP] pobierz, plaintext 

koszyk.php:

[PHP] pobierz, plaintext 
<div class="koszyk_main">
<?php
 
session_start();
 
 
function dodaj($item) {
    $_SESSION['koszyk'][] = $item;
}
 
function usun($id) {
    unset($_SESSION['koszyk'][$id]);
}
if(isset($_GET['rozmiar'])){
	$rozmiar = $_GET['rozmiar'];
	$kolor = $_GET['kolor'];
	$cena =$_GET['cena'];
	$ilosc = $_GET['ilosc'];
 
	$item = array('rozmiar'=>$rozmiar, 'kolor'=>$kolor, 'cena'=>$cena, 'ilosc'=>$ilosc);
 
	dodaj($item);
}
 
foreach($_SESSION['koszyk'] as $key=>$val) {
    echo 'Id: '.$key.', rozmiar: '.$val['rozmiar'].', kolor: '.$val['kolor'].', cena: '.$val['cena'].', ilosc: '.$val['ilosc']."<br>";
}
 
?>
</div>
[PHP] pobierz, plaintext 

Problem polega na tym że w ten sposób odświża mi się cała witryna przez co na stronie dane produktu znikają dane. Jak zrobić żeby odświeżał się tylko plik koszyk.php ?

Ten post edytował kamilo818 24.09.2014, 08:49:50

[nospor]

No to zamiast nadpisywac caly dokument
$('html').html(obj);
nadpisuj tylko jakiegos diva....
$('#ID_DIVA_W_KTORYM_CHCESZ_WYSWIETLAC_KOSZYK').html(obj);