Hoşgeldin, ziyaretçi [ Hesap Oluştur | Giriş YapRSS Feed  | 

Prototype GET Örneği

| Ajax - JavaScript, Prototype | Kasım 20, 2008

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">// < !&#91;CDATA&#91;
//< !&#91;CDATA&#91;
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;
    }
// &#93;&#93;></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.

Share

 

Görüntülenmedi

  

Yorum Yaz

Yorum yazabilmek için giriş yapmalısınız