Scribd Logo
Cargar

¡Te damos la bienvenida a Scribd!

  • Jquery Getscript y Carga Dinámica

    Cargado por

    alfredo
    10 vistas4 páginas

    Título original

    jQuery getScript y carga dinámica

    Derechos de autor

    © © All Rights Reserved

    Formatos disponibles

    PDF, TXT o lea en línea desde Scribd

    ¿Le pareció útil este documento?

    ¿Este contenido es inapropiado?

    Denunciar este documento

    Copyright:

    © All Rights Reserved
    Descargue como PDF, TXT o lea en línea desde Scribd
    Marcar por contenido inapropiado
    10 vistas4 páginas

    Jquery Getscript y Carga Dinámica

    Cargado por

    alfredo

    Copyright:

    © All Rights Reserved
    Descargue como PDF, TXT o lea en línea desde Scribd
    Marcar por contenido inapropiado
    de 4

    jQuery getScript y carga dinámica

    Cada día necesitamos más realizar la carga dinámica de ficheros de Javascript. Tecnologías
    como Require.js abordan esta problemática. Pero hay muchas situaciones cotidianas que se
    pueden resolver de forma más sencilla con algo como jQuery getScript.

    Utilizando jQuery getScript


    En el siguiente ejemplo se muestran dos botones “cargar” y “operar”. El primero de ellos
    aparece habilitado cuando se carga la página.

    El segundo de ellos aparece deshabilitado ya que necesita de un fichero de JavaScript que


    realiza una operación de sumar y que no hemos cargado inicialmente con la página.

    function suma (a,b) {

    return a+b;
    }

    Para poder habilitar el segundo botón y pulsarle hay que cargar previamente el script de la
    suma.

    www.arquitecturajava.com
    jQuery getScript y carga dinámica

    Para realizar esta operación hay que usar jQuery y su método getScript.

    <html>
    <head>
    <script src="jquery-1.11.1.js"></script>
    <script type="text/javascript">

    $(document).ready(function() {

    $("#operar").attr("disabled",true);

    $("#cargar").click(function() {

    $.getScript("suma.js",function() {

    console.log("script cargado");
    $("#operar").attr("disabled",false);

    www.arquitecturajava.com
    jQuery getScript y carga dinámica

    });

    });

    $("#operar").click(function() {

    alert (suma (2,2));


    })

    });

    </script>
    </head>
    <body>
    <input type="button" value="cargar" id="cargar" />

    <input type="button" value="operar" id="operar"/>

    </body>
    </html>

    De esta forma el script de la suma se cargará de forma dinámica . Para ello se ha utilizado
    jQuery getScript realizando una petición AJAX y cargando dinámicamente el contenido de la
    función suma.Una vez cargado se habilita el botón de operar y el usuario puede pulsar y
    realizar la suma como si el script hubiera sido cargado al iniciar la página.

    www.arquitecturajava.com
    jQuery getScript y carga dinámica

    Otros artículos relacionados: Utilizando jQuery Data ,jQuery On/Off ,jQuery Sizzle

    www.arquitecturajava.com

    También podría gustarte