jueves, 6 de diciembre de 2012

Leer un .TXT con jQuery

Si desean leer un archivo .txt y mostrar su contenido en un div, aquí les dejo una manera rápida y sencilla para lograrlo.

Antes que nada probar todo lo mencionado en lineas posteriores en un servidor web, puede ser en appserv o xampp.

Primer paso:

Tenemos nuestra carpeta con la librería jQuery, un html llamado "prueba" y un archivo de texto llamado test.


Aquí muestro el contenido de ambos archivos:



Segundo Paso:

en nuestro html colocamos el siguiente script

<script type="application/javascript">
            $(document).ready(function() {
            $("#lesen").click(function() {
            $.ajax({
                 url : "test.txt",
                dataType: "text",
                success : function (data) {
                        $("#t").html(data);
                }
              });
       });
});
</script>

Aquí en el evento ready, al darle click al elemento con id lesen activara el ajax donde colocaremos como url a nuestro archivo test.txt, cuyo contenido lo pintaremos en un elemento con id "t".

<div id="lesen">click me</div>
<div id="t"></div>



El resultado final es:





Espero haya sido útil.

Espero sus comentarios. Gracias