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.
2 comentarios, 1 referencias
+
#