Div İçeriğini Yenilemek

Arkadaşlar jquery ile sayfa yenilemeden div içeriği yenilemek istiyorum fakat bir türlü başaramadım. Forumda arattım çözümüm bulamadım. Derdimi anlatayım.

PHP bir sayfam var içerisinde satış elemanlarının satış sayısı bilgileri tablosu var ve ben bu tablonun sayfa yenilenmeden yenilenmesini istiyorum. Tablonun fotoğrafını aşağıya ekledim oradan daha net görebilirsiniz. Ben toplam satış kısmın göründüğü kırmızı bölümü sayfa yenilenemeden yapabildim. Onu da şu şekilde yaptım.

var int=self.setInterval(function(){toplam()},1000);
$('#toplam').load('inc/toplam.php');
function toplam(){
$('#toplam').load('inc/toplam.php');
}

Bir saniyede bir toplam.php sayfasına bağlanıp oradan gelen sonucu toplam id'li div'e yazdırıyorum fakat bütün tabloya bu işlemi uygulamaya çalıştığımda farklı sorunlarla karşılaşıyorum. Bu işlemin daha farklı bir yöntemi var mı acaba ?

var refreshId = setInterval(function()
{
     $('#toplam').fadeOut("slow").load('inc/toplam.php').fadeIn("slow");
}, 1000);

böyle dene bi de

toplam kısmını yapabiliyorum yazdığım yöntem de senin yazdığın yöntem de başarılı fakat yapmak istediğim tamamen tabloyu yenilemek. Mesela yeni satış geldiğinde kendiliğinden dolar işareti eklensin kullanıcının toplam satışı 1 artsın ve toplam satış bölümü de bir artsın istiyorum yani sadece tabloyu güncel tutmak istiyorum fakat sayfa yenileme işlemi yapmadan.

Yapman gerekenler:

1- get ile çalışan tablo oluşturmak:

Örn: tablo_get.php

<?php
// bir takım php işlemler
echo $liste;
?>

Çıktısı:
Buraya kadar olan işlemi sen zaten 'toplam.php' ile yapıyorsun!

2- $_POST ile çalışan tablo oluşturmak:

Örn: tablo_post.php

// bu tablo_post.php yi index.php'inde yada herhangi bir yerde include etmemelisin
if($_POST&&isset($_POST['cek_getir']){
   // bir takım php işlemler
   echo $liste;
}
else {
exit('error'); 
die; 
}

Çıktısı:
3- $_POST gönderen kısır döngü kurmak ve dönen veriyi bastırmak:
Not: tablo_get.php 'in include edildiği sayfanda olması gerekir. Örn: index.php

<script>
setInterval(function()
{
   $.ajax({
	type: "POST",
	url: 'senin_dosya_yolun/tablo_post.php',
	data: 'cek_getir=true',
	success: function(msg){ 
          //tablo_get.php içindeki liste: ÖRN: <ul id="myList"><li>Ahmet</li><li>mehmet</li></ul>
$('ul#myList').html(msg);
    }
return false });
}, 1000);

Kolay gelsin..

ajax ile tabloyu komple yeniden oluşturup, tablonun bulunduğu yere yeni tabloyu yazabilirsiniz. eski veriler ile yeni verileri karşılaştırarak da, artış - eksilişleri gösterebilirsiniz.

Vody teşekkür ederim güzel yöntem ayrıca ufkumu da açtı