Contenido

Como usar Ajax para leer ficheros en JS

6 ago

+ 3

Ajax es una herramienta para conseguir información del servidor desde el cliente de forma asincrona e “inperceptible” para el usuario. Una muy buena utilidad sería la de poder abrir ficheros del servidor desde el fichero, y eso se puede conseguir.

¿Como? 

Muy facil, usaremos el método responseText de objeto xmlhttprequest para obtener el texto del fichero que estamos procesando.

HTML


<html>
	<head>
		<title>Ejemplo</titulo>
		<script src="leer.js" type="text/javascript"></script>
	</head>
	<body>
		<form id="formulario" action="#">
			<input id="file" type="text" />
			<input id="submit" type="submit" value="Leer" />
		</form>
		<div id="contenido"></div>
	</body>
</html>

 Javascript (leer.js)


function getFile(pFile) {
   var pURL = urlServer + pFile;
   if (window.XMLHttpRequest) { 
      xmlhttp=new XMLHttpRequest();
      xmlhttp.onreadystatechange=postFileReady;
      xmlhttp.open("GET", pURL, true);
      xmlhttp.send(null);
   } else if (window.ActiveXObject) { //IE
      xmlhttp=new ActiveXObject('Microsoft.XMLHTTP');
      if (xmlhttp) {
         xmlhttp.onreadystatechange=postFileReady;
         xmlhttp.open('GET', pURL, false);
         xmlhttp.send();
      }
   }
}

function postFileReady() {
   if (xmlhttp.readyState==4) {
      if (xmlhttp.status==200) {
         document.getElementById('contenido').innerHTML=xmlhttp.responseText;
      }
   }
}
var urlServer = "http://tu_server";
document.getElementById("formulario").onsubmit = function () {getFile(document.getElementById("file").value);};

Otro buen ejemplo del uso de AjaT.

Comentar

#

Me reservo el derecho de eliminar y/o modificar los comentarios que contengan lenguaje inapropiado, spam u otras conductas no apropiadas en una comunidad civilizada. Si tu comentario no aparece, puede ser que akismet lo haya capturado, cada día lo reviso y lo coloco en su lugar. Siento las molestias.