AJAX İle Sunucuya İstek 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>

Eğitim ajax ajax ile sunucuya istek göndermek null xmlhttprequest xmlhttprequest nedir

Hancı Eğitim

AJAX İle Sunucuya İstek Göndermek

AJAX Dersleri

Ara

Eğitim

Konular

Tags