AJAX da Sunucuya istek göndermek - Ajax Webmaster bilgi bankası, knowledge base Webmaster Araçları

AnaSayfa > Ajax > AJAX da Sunucuya istek göndermek
Kategori: Ajax
Gönderen: Admin
Tarih: 2008-11-11
Puan: 7   Puan:7 | Katılımcı:3 | Katılımcı : 3
Okunma: 4959
  
 
1 puan 2 puan 3 puan 4 puan 5 puan 6 puan 7 puan 8 puan 9 puan 10 puan

AJAX - Sunucuya istek göndermekSunucuya bir istek göndermek için open() ve send() işlevlerini kullanırız.

open() işlevi üç parametre alır. İlk parametre istekte bulunurken hangi yöntemin kullanılacağını belirtir (GET yada POST). İkinci parametre sunucudaki betiğin url adresini belirtir. Üçüncü parametre ise isteğin asenkron (eşzamansız) olarak ele alınacağını belirtir. send() işlevi isteği sunucuya gönderir. Eğer HTML ve (eğer sunucuda PHP dilini kullanıyorsak) PHP dosyalarının aynı dizinde olduğunu varsayarsak kod şöyle olacaktır:


Kod Çizelgesi Kod Dili: html
xmlHttp.open("GET","time.php",true);
xmlHttp.send(null);




Şimdi, AJAX işlevimizin ne zaman çalıştırılacağına karar vermeliyiz. Kullanıcı, formdaki username metin alanına birşey yazdığında işlevimizin çalışmasını sağlayalım:


Kod Çizelgesi Kod Dili: html
<form name="myForm">
Name: <input type="text"
onkeyup="ajaxFunction();" name="username" />

Time: <input type="text" name="time" />
</form>




"testAjax.htm" dosyamızın yeni hali:


Kod Çizelgesi Kod Dili: html
<html><body>
<script type="text/javascript">function ajaxFunction()
{ var xmlHttp;
try
{ // Firefox, Opera 8.0+, Safari xmlHttp=new XMLHttpRequest(); }
catch (e)
{ // Internet Explorer try
{ xmlHttp=new ActiveXObject("Msxml2.XMLHTTP"); }
catch (e)
{ try
{ xmlHttp=new ActiveXObject("Microsoft.XMLHTTP"); }
catch (e)
{ alert("Your browser does not support AJAX!"); return false; } } }
xmlHttp.onreadystatechange=function()
{
if(xmlHttp.readyState==4)
{
document.myForm.time.value=xmlHttp.responseText;
}
}
xmlHttp.open("GET","time.php",true);
xmlHttp.send(null); }</script>
<form name="myForm">
Name: <input type="text"
onkeyup="ajaxFunction();" name="username" />
Time: <input type="text" name="time" />

</form>
</body>
</html>




"time.php" dosyamızı oluşturarak AJAX uygulamamız sonraki konu ile tamamlanıyor.




Yorumlar
Henüz Kimse Yorum Yapmamış, ilk yorumu siz ekleyin!
Yorum Ekleme Aparatı
Yorum Eklemek için lütfen sol menuden giris yapınız..
Toplam 0 yorum listelendi.