PHP ve AJAX - Gmail'in Belkemiği: AJAX - IRCForumları - IRC ve mIRC Kullanıcılarının Buluşma Noktası

EGEMAN · 16 Ekim 2008, 11:26

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.

Benzer Konular
Konu	Konuyu Başlatan	Forum	Cevaplar	Son Mesaj
AJAX	Yunus	JavaScript	0	03 Temmuz 2024 21:47
Ajaxshop.com.tr Ajax Alarm Seti Ve Ajax Güvenlik Sistemleri	ZeuS	Web Site Tanıtımı	0	13 Ekim 2023 15:48
[AJAX] VietVBB - Gelişmiş Forum İstatistikleri - [AJAX]VietVBB - Advanced Forum Statistics	hAte	vB 3.8.x Eklentileri	4	27 Aralık 2021 14:43
PSG - Ajax: 3-1	Seth	Haber Arşivi	0	26 Kasım 2014 00:34
ASP.NET Ajax Örnekleri	Sunay	ASP/ASP.NET	2	22 Kasım 2010 18:16

Konuyu Toplam 1 Üye okuyor. (0 Kayıtlı üye ve 1 Misafir)

Etiketlenen Kullanıcılar
Etiketlemek istediğiniz kullanıcılar arasına virgül koyunuz. Örnek: nokta,sukunet,NucLear

5846 sayılı Fikir ve Sanat Eserleri Kanunu gereğince sitemizde telif hakkı bulunan mp3,video v.b. eserlerin paylaşımı yasaktır. Yasal işlem olması halinde paylaşan kişi yada kişilerin bilgileri gerekli kuruma verilecektir.