bir buton yapsam, butona tıklandığında önce butonun orda "loading" gifi çıksa, ardından 10 saniye sonra verileri çektiğinde alert ile "başarıyla yüklendi" uyarısı verse. bunu jquery ile nasıl yapabilirim?
yani jquery ile, butona tıkladığımda program.php'yi nasıl çalıştırabilirim? başka bir sayfaya yönlendirmeden
butonun veya linkin click fonksiyonuna,
$("#icerik").load("program.php");
şeklinde çağırsan. bu program.php'de de işlem başarılı biterse veya bitmezse de ona göre bir bilgi sunsa("Başarıyla yüklendi gibi")
Olmaz mı sence?
<input type="button" id="loader" value="Yükle" /><img src="loading.gif" style="display: none;" id="loader-img" />
gibi olsun mesela html tarafi. butonun yakinlarina bir yere loading gif'i yerlestirmen ve gizlemen gerekiyor.
javascript ise soyle olacak.
$('#loader-img').ajaxStart(function() {
$(this).show();
}).ajaxComplete(function() {
$(this).hide();
}); /* bu gif'i gosterip gizlemek icin */
$('#loader').click(function() {
$.ajax({
url: "program.php",
success:function(data)
{
alert('basariyla yuklendi');
}
});
});
temel olarak bu sekilde.
