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.
< !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<script src="prototype.js" type="text/javascript"></script>
<script type="text/javascript">// < ![CDATA[
//< ![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>
Bilgi elde etmek için ID numarası girin:
Müşteri ID'si:
<input id="musteriId" type="text" />
<input onclick="requestMusteriInfo()" type="button" value="Müşteri Bilgilerini Al" />
Bir sonraki çalışmamız Prototype POST kullanım örneği olacaktır.
