PHP Kod: Kodu kopyalamak için üzerine çift tıklayın!
<?=$_GET['a']+$_GET['b']?>
Toplama işlemi yapan bu PHP dosyasına GET metodu ile a ve b adında ki değişkenlerin değerlerini toplamaktan ibaret olan bu dosyaya JavaScript ile ulaşalım.Bunun için aşağıda ki kod işimizi şimdilik görecektir.
PHP Kod: Kodu kopyalamak için üzerine çift tıklayın!
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "
Bu forumdaki linkleri ve resimleri görebilmek için en az 25 mesajınız olması gerekir.
style="color: #007700">>
<html xmlns="
Bu forumdaki linkleri ve resimleri görebilmek için en az 25 mesajınız olması gerekir.
style="color: #007700">>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-9" />
<meta http-equiv="Content-Type" content="text/html; charset=windows-1254" />
<title>Ajax ile Toplama Yapmak</title>
</head>
<body>
<script type="text/javascript">
function createRequestObject()
{
var ro;
var browser = navigator.appName;
if(browser == "Microsoft Internet Explorer")
{
ro = new ActiveXObject("Microsoft.XMLHTTP");
}
else
{
ro = new XMLHttpRequest();
}
return ro;
}
var http = createRequestObject();
function toplama()
{
var a = document.getElementById('a').value;
var b = document.getElementById('b').value;
var dosya = 'http://localhost/topla.php?a=' + a + '&b=' + b;
http.open("GET",dosya,true);
http.onreadystatechange = cagir;
http.send(null);
}
function cagir()
{
var data;
if(http.readyState == 4)
{
if(http.responseText)
{
data = eval('(' + http.responseText + ');');
document.getElementById('toplam').innerHTML=data
}
}
}
</script>
<form id="form1" name="form1" method="POST" action="">
<input name="a" type="text" id="a" /> + <input name="b" type="text" id="b" /> = <span id="toplam"></span>
<input name="button" name="Button" value="Button" onclick="toplama()" />
</form>
</body>
</html>
Yukarıda ki komut yapısını incelediğimizde, ilk olarak
createRequestObject fonksiyonunda IE ve FireFox türevi Mozilla tarayıcılarına göre bir obje oluşturup fonksiyone set ediyoruz. Daha sonra bu fonksiyonun çıktısını HTTP değişkenine aktarıyoruz. Bu fonksiyonumuz sabit kalacaktır. Her yerde bu fonksiyonu kullanabiliriz.
PHP Kod: Kodu kopyalamak için üzerine çift tıklayın!
<span id="toplam"></span>
Üstteki id'si toplam olan boş katman, hesap işlemini yapıp sayafaya yazdıracak alandır. Bu bağlamda PHP dosyasından alınan çıktıyı cagir() fonksiyonunda eval olarak http.responseText objesini kullanarak alıp, innerHTML komutuyla çıktıyı span alanında "id'deki ismiyle çağırarak" yazdırıyoruz.