AJAX – Sunucuya istek göndermek

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

Name: 
onkeyup="ajaxFunction();" name="username" /> Time: 

“testAjax.htm” dosyamızın yeni hali:

Kod Çizelgesi Kod Dili: html


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);  } Name:  onkeyup="ajaxFunction();" name="username" /> Time: 

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

Dipnot

Bu yazı 8 Haziran 2010 Salı günü yazılmıştır. Bulunduğu kategori : Ajax,istek gönderme,javascript,PHP,sunucu,sunucuya istek gönderme. Yazdığım yazıları RSS 2.0 sistemini kullanarak takip edebilir, dilerseniz yorum yapabilirsiniz. Unutmadan, Bu yazı sizler tarafından tam tamına defa okunmuştur.