jquery ve ajax işlemleri ile ilgili

30-12-2009, 06:18:49

#1

kerimugur
Merhaba;

Ben eburhan arkadaşımızın jquery_ajax işlemlerinden bir tanesini düzenlemek istedim fakat yapamadım.
```
<script type="text/javascript">
	$(document).ready(function(){
		$('a').click( sonucAl );

		$("#sonuc").ajaxStart(function(){
			$(this).html('<img src="yukleniyor.gif" />');
		});
	});
	
	function sonucAl()
	{		 
		$('#sonuc').load('delicious-eburhan.php');

		return false;
	}
</script>
```
```
<a href="#">bir ajax isteği yap</a>
```
burada sadece delicious-eburhan.php dosyasını çekiyor "bir ajax isteği yap" dediğimiz de fakat ben iki dosya çekmek istiorum.

aaa ya tıkladığımızda aaa.php yi bbb ye tıkladığımızda bbb.php yi çekmesini istiyorum.

yardım ederseniz çok sevinirim.
30-12-2009, 07:05:33

#2

Alexis
Aslında oldukça basit. Tamamen temel programlama mantığı, jquery kodlarını bilmek yetiyor. Örnekler elbette yararlı, ancak bir işi doğru yapmak için Jquery nin fonksiyon ve paremetrelerini de bilmek gerekiyor. Böylece, "Bu işi, en hızlı ve kolay nasıl yaparım?" sorusuna bir yanıtımız olur, nerede ne kullanacağımızı bilmiş oluruz.

Özet ile örnekler ile birlikte jquery API ve fonksiyonlarıda çalışırsak kodlama fikirleri kendiliğinden doğuyor.

Aşağıdaki örnek benim sık sık kullandığım, aynı ajax kodları ile farklı dosyalara bağlanma metodumun en basit hali:
```
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" xml:lang="tr">
<head profile="http://gmpg.org/xfn/11">
<title>My Web Application</title>


<meta http-equiv="content-type" content="text/html; charset=utf-8" />


<script type="text/javascript" src="jquery-1.3.2.min.js"></script>
<script type="text/javascript">
// <![CDATA[
$(document).ready(function(){
    $('#event_aaa').click(function(){
        sonucAl("aaa.php");
    });

    $('#event_bbb').click(function(){
        sonucAl("bbb.php");
    });

    $("#sonuc").ajaxStart(function(){
        $(this).html('<img src="yukleniyor.gif" />');
        //console.log('yukleniyor...');
    });
});

function sonucAl(dosya)
{         
    $('#sonuc').load(dosya);
    //console.clear();
    //console.log(dosya+' yuklendi');
    return false;
}
// ]]>
</script>

</head>
<body>

<a href="javascript:void(0)" id="event_aaa">aaa</a><br />
<a href="javascript:void(0)" id="event_bbb">bbb</a><br />
<div id="sonuc"></div>

</body>
</html>
```
Kodlama mantığı aynı php de öğrendim temel fonksiyon ve parametre verme mantığına dayanıyor. Elbette bu en basit hali, bunu Jquery GET, POST metotları ile de kullanıyorum, parametre olarak çağırılacak dosya ve parametreleri veriyorum. Örnekte sadece yüklenecek dosya yı parametre olarak verdim, her click içinde ayrı event oluşturdum.

console fonksiyonlarım firefox firebug eklentisine çıktı verir, geliştirme aşamasında çok iyi bir debug yardımcısı. Eskiden ekrana alert() ile basardık...

.
30-12-2009, 08:13:04

#3

kerimugur

deneyeceğim hocam. çok saol verdiğin bilgiler ve yardımın için.