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
No hay comentarios:
Publicar un comentario