AJAX Sunucu İstemi

< Önceki Sonraki >

AJAX - Sunucuya istek göndermek

Sunucuya 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:

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:

<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:

<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.

< Önceki Sonraki >
ajax nasıl, ajax programlama, learn ajax, ajax how to, ajax nedir, ajax, ajax dersleri, ajax öğren, ajax dersi, ajax kodları, ajax örnekleri, ajax lessons, ajax tutorial, ajax örneği,