Ajax kütüphanelerin en önemlilerinden bir tanesi. Çok fazla özelliğe sahip ancak burada en çok kullanılan özelliği olan php sayfalarıyla dinamik erişim tekniği olacaktır.
Ajax'ın ilk doğrduğu zamanlarda ortaya çıkmış o nedenle kullanım oranları daha çoktur.
GET yöntemli örnek kod bu şekilde.
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Prototype - GET Örneği</title>
<script type="text/javascript" src="prototype.js"></script>
<script type="text/javascript">
//<![CDATA[
function requestMusteriInfo(){
var id = document.getElementById("musteriId").value;
var oOptions = {
method: "get",
parameters: "id=" + id,
onSuccess: function (oXHR,oJson) {
musteriBilgileriniGoster(oXHR.responseText);
},
onFailure: function (oXHR,oJson) {
musteriBilgileriniGoster("Bir hata meydana geldi: " + oXHR.statusText);
}
};
var oRequest = new Ajax.Request("testpage.php",oOptions);
}
function musteriBilgileriniGoster(sText){
var musteriBilgileri = document.getElementById("musteriBilgileri");
musteriBilgileri.innerHTML = sText;
}
//]]>
</script>
</head>
<body>
<p>Bilgi elde etmek için ID numarası girin:</p>
<p>Müşteri ID'si: <input type="text" id="musteriId" value="" /></p>
<p><input type="button" value="Müşteri Bilgilerini Al" onClick="requestMusteriInfo()" /></p>
<div id="musteriBilgileri"></div>
</body>
</html>
Bir sonraki çalışmamız Prototype POST kullanım örneği olacaktır.
