Ajax kullanmadım diyen kalmasın !

Web tasarım, Web Programlama ve script dilleri konuları buraya
Cevapla
Kullanıcı avatarı
velociraptor
Yottabyte4
Yottabyte4
Mesajlar: 55223
Kayıt: 14 Mar 2006, 02:33
cinsiyet: Erkek
Teşekkür etti: 21726 kez
Teşekkür edildi: 12650 kez

Ajax kullanmadım diyen kalmasın !

Mesaj gönderen velociraptor »

Ajax ile sayfa yeniden yüklenmeden baska bir sayfayı gösterebilir, o sayfaya veri gönderebiliriz. Mesela sayfa yeniden yüklenmeden veritabanına kayıt girebiliriz, kayıtları listeleyebiliriz. Ajax bir dil degildir. Ajax 7-8 satır js kodudur. Tabi ajax kütüphaneleri sayfalarca kod olabilir. simdi sadece en temel islemleri görecegiz.
İlk önce su fonksiyonları sayfanızın <head></head> etiketleri arasına yapıstırın.

Kod: Tümünü seç

<script type="Text/Javascript" Language="Javascript">
function fthrkl( ) {
var objemiz;
/*@cc_on @*/
/*@if (@_jscript_version >= 5 ) try { objemiz = new ActiveXObject("Msxml2.XMLHTTP" ); }
catch (e ) {
try { objemiz = new ActiveXObject("Microsoft.XMLHTTP" ); }
catch (E ) { objemiz = false; }
}@end @*/
if (!objemiz && typeof XMLHttpRequest!='undefined' ) {
try {objemiz= new XMLHttpRequest( );}
catch (e ) {objemiz=false;}}
return objemiz;}

function git(degerler,syf,alanadi ) {
gonder = new fthrkl( );     
gonder.onreadystatechange = function ( ) {     
document.getElementById(alanadi ).innerHTML ="Yükleniyooo";
if( gonder.readyState == 4 ) {
document.getElementById(alanadi ).innerHTML = gonder.responseText; function fthrkl( ) {};}}
gonder.open('GET',syf+'?'+degerler, true );
gonder.send(null );     
}
</script>
İlk olarak sayfada baska bir sayfayı gösterelim.
İstediginiz elementin event (olay ) etiketinde kullanabilrsiniz.

Kod: Tümünü seç

<Body Onload="git('','Sayfaadi.Asp','divadi' );">
<div id="divadi"></div>

yada

<button onclick="git('','Sayfaadi.Asp','divadi' );">Sayfayı Göster</button>
<div id="divadi"></div> 
Sayfayi Göster butonuna tıklayında "divadi" adlı div'in içeriginde gözükecektir. Div etiketi yerine <span></span>'da kullanabilirsiniz.

simdi ise baska bir sayfaya veri yollayalım.
Yolla.asp adında bie sayfamız olsun. Bu sayfada gelen verileri ekrana yazdıracagız.
İlk önce bir form yapalım.

Kod: Tümünü seç

<input type="text" name="isim" id="isim">
<input type="submit" value="Gönder" onclick="git('isim='+isim.value,'Sayfaadi.Asp','divadi' );">
<div id="divadi"></div>
Yolla.asp:

Kod: Tümünü seç

<%
isim=request.querystring("isim" ) 'Gelen veriyi get yöntemi ile alıyoruz !!!
Response.write "Merhaba" & isim
%>
Fonksiyonu açıklıyorum.

git('isim='+isim.value,'Yolla.asp','divadi' );

"git" fonksiyonumuzun adı.
Fonksiyonun ilk parametresinde yollanacak degerleri belirliyoruz.
Bu degerleri Yolla.asp 'de get yöntemi ile çekecegiz.
İkinci parametrede gönderilecek sayfanın adı. Üçüncüde ise Yolla.asp'nin içeriginin gösterilecegi elementin adını veriyoruz.

Javascript gıcık bir dildir olur olmadık yerlerde hata verir
Kodlar küçük-büyük harf duyarlıdır.

bir inputun içerigini inputadi.value seklinde alabiliyoruz. Value input'un bir paremetresi.
Value inputun üzerinde yazılı olan yazıyı verir. inputadi.size deseydik inputun büyüklügü, inputadi.style deseydik inputun stil kodlarını alırız. Bu sekilde istediginiz elementin paremetresini alabiliriz.

inputadi.value, bu yöntemin ise yaramadıgı yerde sunu kullanın.
document.getElementById("inputadi" ).value

ALINTIDIR
Kullanıcı avatarı
mavigece
Megabyte1
Megabyte1
Mesajlar: 855
Kayıt: 16 Mar 2006, 08:55
cinsiyet: Erkek
Teşekkür edildi: 7 kez
İletişim:

Mesaj gönderen mavigece »

bu harika bir bilgi. asp ders cdsinide aldıgımda bunu hemen deniyecegim :wink:
sagolun arkadaslar...
Kullanıcı avatarı
mavigece
Megabyte1
Megabyte1
Mesajlar: 855
Kayıt: 16 Mar 2006, 08:55
cinsiyet: Erkek
Teşekkür edildi: 7 kez
İletişim:

Mesaj gönderen mavigece »

html bir sayfada kullanılamazmı bu...?
Kullanıcı avatarı
AykutT
Megabyte3
Megabyte3
Mesajlar: 1347
Kayıt: 15 Haz 2006, 10:51
Teşekkür edildi: 8 kez

Mesaj gönderen AykutT »

mavigece yazdı:html bir sayfada kullanılamazmı bu...?
Kodlara bak ve düsün bakalım kullanılabilir mi?
Kullanıcı avatarı
mavigece
Megabyte1
Megabyte1
Mesajlar: 855
Kayıt: 16 Mar 2006, 08:55
cinsiyet: Erkek
Teşekkür edildi: 7 kez
İletişim:

Mesaj gönderen mavigece »

yaa ben bi türlü bunu uygulayamadım.
bende menu kısmı flash ve en üstte. bu flashı tekrar yüklemeden alt tarafta sayfalar açılmasını istiyorum fakat bi türlü yapamadım yaaaa..

bi yardımcı olsanız...
Kullanıcı avatarı
AykutT
Megabyte3
Megabyte3
Mesajlar: 1347
Kayıt: 15 Haz 2006, 10:51
Teşekkür edildi: 8 kez

Mesaj gönderen AykutT »

Sefa burada adam çok karısık anlatmıs dogruyu söylemek gerekirse..
İsin içine baska seyler girmis.
Dün bende bayagı kafa yordum ama ne yalan söyleyeyim: içinden çıkamadım.
Aslında w3schools'a bakmak gerek en iyisi..

Kolay gelsin.
Kullanıcı avatarı
mavigece
Megabyte1
Megabyte1
Mesajlar: 855
Kayıt: 16 Mar 2006, 08:55
cinsiyet: Erkek
Teşekkür edildi: 7 kez
İletişim:

Mesaj gönderen mavigece »

evet çok karısık bi türü yapamadım...
nese bende ingilizce olmadıgı için bi yerlerden bulacam biraz bilgi hahaha
Cevapla