Kategorilendirildi | Ajax - JavaScript, Prototype

Tags : ,

Prototype GET Örneği

Kategori: 20 Kasım 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">// < ![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.

Ekleyen:

- who has written 88 : zbahadir.


Yazara Mesaj Gönder

Fikrini Söyle

Yorum yapmak için Giriş yapmalısınız.

Our Flickr Photos - Tüm Resimler

Related sites

Kategoriler

Arşivler

Takvim

Kasım 2008
Pts Sal Çar Per Cum Cts Paz
« Ağu   Ara »
 12
3456789
10111213141516
17181920212223
24252627282930