JQuery İle Tablo Verilerini Çekerken Yükleniyor(Loading).. Animasyonu Nasıl Yapılır?
Bir tablo verisini çekiyorum. Bu tabloya veri eklerken 3 saniye sonra gösteriyor(Kodda belirtildiği gibi.).
Fakat sayfa ilk yüklendiğinde, bir şey eklememe rağmen 3 saniye beklemem gerekiyor. Bu süre geçerken bir "Loading..." işlemi nasıl yapabilirim?
setInterval(function () {
$(".List-Department").load("/Home/ListDepartment").fadeIn("slow");
}, 3000);
Soru hatalı mı? 👎
Eğer sorunun kurallara aykırı olduğunu düşünüyorsanız lütfen bize bildirin!
Cevaplar (4)
<div class="ajax_loader">
<span>Loading ...</span>
</div>
bunu List-Department olan classın üstüne ekle
setInterval(function () {
$(".ajax_loader").show();
$(".List-Department").load("/Home/ListDepartment").fadeIn("slow");
}, 3000);
/Home/ListDepartment içeriği
içerik
<script>
$(".ajax_loader").hide();
</script>
Tablo için bunu kullanıyorum.
https://datatables.net/examples/server_side/simple.html
yavaşlatmaktan kastınız nedir tam olarak
başlangıçta yükleniyor olarak gelecektir veri yüklediğinde gidecektir basitce anlatmak gerekirse cok fazla kasma yapacağını düşünmüyorum
3 saniyeyi 5 saniye 10 saniye olarak değiştirirseniz sürekli istek atmak bir tık zararlı
sürekli güncelletmek istediğiniz şeyleri genellikle cache olarak kullanın hocam
genel mantık buradan bakabilirsiniz