JQuery ile Html Sayfası Yükleme

Yaptığımız projelerde dinamik olarak html sayfası yüklemek isteyebiliriz. Jquery ile bunu kısa yolla load metodyla çözebiliyoruz diğer programlama dillerindeki load metodu gibi. Sadece sayfa yüklenirken kullanıcıyı fazla bekletmemek adına preloader dediğimiz olayı ekleyebiliriz. Bunun için .gif formatında bir preloader animasyonunu bulmanız gerekiyor. Ardından html dökümanın içerisine bir adet buton koyuyoruz ve clickediğimizi algılayabilmesi için bir id atıyoruz. Ben “btn” olarak verdim. Daha sonra preloaderımızı yükleyeceğimiz div imize bir id atıyoruz bunun adına da “bilgi” verdim. Daha sonrasında head tagının içerisine aşağıdaki jquery kodlarını giriyorum.

$(function(){
	$("#btn").click(showProgress);
})

function showProgress()
{
        $("#bilgi").empty().html('burada img src ile belirtiyoruz.').delay(1000);
	$("#bilgi").load("ornek.html");
}

---