Profil detayı eklendi, herkes profillerine girip bir gözatsın! Sevdiğiniz üyelerin cevaplarını takip edin! Tüm güncellemeler

jQuery ile Sayfayı Yenilemeden DIV İçeriğini Yenileme

Merhaba UzmanCevap sakinleri.


Başlıkta bahsettiğim durumu size şöyle izah edeyim. Yönetim panelinde kategori ekleme sayfası var. Bu sayfada AJAX ile kategori ekliyoruz. Sayfa yenilenmeden veritabanına kategori ekleniyor. Ancak sayfa yenilenmediği için

<select> içerisinde bulunan kategori listesi güncellenmiyor. Haliyle yeni eklemiş olduğumuz kategori orada görünmüyor. Sayfayı yenilememiz gerekiyor.


İnternette biraz araştırma yaptım, her 2 saniyede bir istek atarak içeriği yenileyebilen kodlar buldum. Fakat ben devamlı yenilensin istemiyorum içerik. Çünkü ekleme işlemi yapılmadığında değişmeyecek, sunucuyu yoktan yere yormanın anlamı yok diye düşünüyorum.


Ben istek attığımda seçilen DIV içeriğini yenileyecek veya 1 kez veritabanından div içeriğini güncelleyecek bir yapı çıkaramadım ne yazık ki.


Yardımlarınızı bekliyorum. :)

1

Cevaplar (1)

İşlem devam ediyor, lütfen bekleyin..
Murat Gül (TA5MRG)
Doğru Cevap
@Voodoo
3 ay önce [Güncellendi]

Ajax ile kategori ekleme işlemini yaptıktan sonra response alanına yenile() fonksiyonunu çalıştır. yenile adında bir fonksiyon tanımla. Bu fonksiyon ajax ile kategorileri getirsin ve option olarak sayfaya eklesin.


Şöyleki:


select yerin şu şekide olsun

<div class="kategoriler"></div>


Respons alanına kategori_get diye fonksiyonu çağır


success: function(response){
kategori_get();
$('.alert').html(response).hide().fadeIn(500);
}


kategori_get adında fonksiyon oluştur. Bu fonksiyon kategorileri kategoriler divinin içine yazar.


function kategori_get(){
		
		$(".kategoriler").html("Yenileniyor...");
		$.ajax({
			url:'kategori_listesi.php',
			type:'POST',
			success:function(result){
				$(".kategoriler").html(result);
			}
        });
	} 


Sayfa açılınca kategorile otomatik gelsin diye:


$(document).ready(function() { 
		kategori_get();
});




Cevapla @YazilimYAZAR3 ay önce
@Voodoo,



success: function(response){
$('.alert').html(response).hide().fadeIn(500);
}


Response alanım şuanda sadece bu hocam. Geri dönen mesajı alert class'ına sahip div'in içerisinde gösteriyorum.



Söylediğinizi mantıken kavradım fakat ne jQuery, nede AJAX bilgim yetersiz kaldı bu durumda. Kısaca bi kod parçası olarak eklerseniz çok sevinirim.
Cevapla @Voodoo3 ay önce
@YazilimYAZAR, Mesajımı düzelttim.
Cevapla @YazilimYAZAR3 ay önce
@Voodoo, Teşekkür ederim, sorunsuz çalışıyor bu şekilde. Parçalama yapmadan tek div ID vererek ID'sini verdiğimiz DIV'in içeriğini refresh ettirebilecek bir kod olsa çok güzel olurdu ama öyle birşey yok sanırım. :)
İşlem devam ediyor, lütfen bekleyin..

Cevap yaz Sadece sorunun cevabını yazın