[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);

[kamilo818]

tak robiłem:

[PHP] pobierz, plaintext 
$.ajax({
						type: 'get',
						url: ('./page/koszyk.php'),
						data: dataString,
	                                        beforeSend: function(){
						},
						success: function(obj){
	                                        $('.koszyk').html(obj);
						},
						complete:  function(){
 
						}
			});
[PHP] pobierz, plaintext 

i w tym wypadku działa prawie dobrze ale:
-taki koszyk mam w rozwijalnym dive i jeśli div jest schowany i go rozwine to fakycznie działa tak jak trzeba i pojawia sie nowa wartosc
- natomiast jak ten div jest rozwiniety(widoczny) to po przesłaniu danych pojawią się w nim cała wczytana strona, a po schowaniu i rozwinięciu poajawia sie poprawna zawartosc koszyka

W czym może być tu problem?

edit:

I pojawił się kolejny problem. Jak już prześle dane do koszyka to po ponownym kliknieciu w przycisk 'dodaj zmaówienie' nie pobiera danych o produkcie. Oraz podwójnie dodaje wartosci

tu wrzuciłem: http://page4u.waw.pl/shop/item/123456792

proszę o pomoc

Ktoś coś bo utknąłem na tym

edit

Ok mały progres

w ajax podałem pełną ścieżkę

[PHP] pobierz, plaintext 
$.ajax({
						type: 'get',
						url: ('http://localhost/shop/page/koszyk.php'),
						data: dataString,
						success: function(obj){
	                                              $('.koszyk_main').html(obj);
						}
 
			});
[PHP] pobierz, plaintext 

i działa dobrze.

Ale teraz gdy w koszyku mam pryciski do usuwania produktów działają tylko raz. Dopiero jak odswieze strone znow mozna go kliknac i jest akcja.
tak wyglada kod jquery

[PHP] pobierz, plaintext 
	$('div.wyczysc').click(function(){
 
			var dataString = 'wyczysc=true';
			$.ajax({
						type: 'get',
						url: ('http://localhost/shop/page/koszyk.php'),
						data: dataString,
						success: function(obj){
	                      $('.koszyk_main').html(obj);
						}
 
			});
            return false;
    });
 
	$('div.koszyk_main div.usun').click(function(){ 
 
		var usun = $(this).attr('id');
		var dataString = 'usun='+usun;
			$.ajax({
						type: 'get',
						url: ('http://localhost/shop/page/koszyk.php'),
						data: dataString,
						success: function(obj){
	                      $('.koszyk_main').html(obj);
						}
 
			});
        return false;
	});
[PHP] pobierz, plaintext 

Jaki moze być powód?

Edit
Fajnie samemu sobie odpowiadac

Rozwiązałem ten problem przez przeniesienie kodu jquery do pliku koszyka i wsztko śmiga.

Jak komuś sie będzie chciało to chętnie sie dowiem czemu nie działało to w poprzedniej wersji.

Ten post edytował kamilo818 24.09.2014, 20:08:55