Új hozzászólás Aktív témák

  • Sk8erPeter

    nagyúr

    válasz zka67 #3135 üzenetére

    Nekem sokkal egyszerűbbnek tűnik a jQuery AJAX-os API-ja. Nagyon kézenfekvő, és tudtommal megoldották a különböző böngészők kérdését is, így ezzel sem kell pöcsölni külön.
    Pár soros kóddal lehet ugyanazt megjeleníteni.

    Egy elég szemléletes példa épp az általad linkelt oldallal kapcsolatban - ez az eredeti AJAX-os kód:

    <script type="text/javascript">
    function loadXMLDoc()
    {
    if (window.XMLHttpRequest){// code for IE7+, Firefox, Chrome, Opera, Safari
    xmlhttp=new XMLHttpRequest();
    }
    else{// code for IE6, IE5
    xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
    }

    xmlhttp.onreadystatechange=function()
    {
    if (xmlhttp.readyState==4 && xmlhttp.status==200){
    document.getElementById("myDiv").innerHTML=xmlhttp.responseText;
    }
    }
    xmlhttp.open("GET","ajax_info.txt",true);
    xmlhttp.send();
    }
    </script>

    ---

    Ugyanez a jQuery AJAX-os API-jával megoldva:

    <script type="text/javascript">
    $('#akarmi').click(function () {
    $('#myDiv').load('ajax_info.txt');
    });
    </script>

    ---

    19 sor (AJAX) a 4 sorral (jQuery AJAX API) szemben. Ez elég jól mutatja, melyik eredményez tömörebb kódot. :)

    ________

    Ha kell valakinek egy nagyon jó összefoglaló jQuery puska, akkor szedje le innen.
    Ez alapján kb. 15 perc alatt ki tudtam próbálni a legfontosabb függvényeket, különösebb utánaolvasás nélkül.

    [ Szerkesztve ]

    Sk8erPeter

Új hozzászólás Aktív témák