Descarga de archivo con AJAX

[marodal]

Hola a todos,

Estoy iniciandome en la programacion de aplicaciones web usando AJAX. Estoy intentando hacer pruebas para ver el funcionamiento de esta tecnología.

Lo que quiero es mostrar el contenido de un archivo de texto que se encuentra en mi servidor local sin tener que recargar la pagina.

El codigo es el siguiente:

Código:

function descargaArchivo() {
	// Obtener la instancia del objeto XMLHttpRequest
	if(window.XMLHttpRequest) {
		peticion_http = new XMLHttpRequest();
	}
	else if(window.ActiveXObject) {
		peticion_http = new ActiveXObject("Microsoft.XMLHTTP");
	}
	// Preparar la funcion de respuesta
	peticion_http.onreadystatechange = muestraContenido;
	// Realizar peticion HTTP
	peticion_http.open('GET', 'http://localhost/*MiAplicacionWeb*/TextFiles/HolaMundo.txt', true);
	peticion_http.send(null);
	function muestraContenido() {
		
		if(peticion_http.readyState == 4) {
			if(peticion_http.status == 200) {
				
				alert(peticion_http.responseText);
			}
		}
	}
}
window.onload = descargaArchivo;

Tras hacer muchas pruebas he comprobado que la petición http nunca llega al estado con codigo 200.

¿Que es lo que estoy haciendo mal? ¿por que no consigo visualizar el contenido del archivo?

Gracias de antemano y un saludo

[ipraetoriux]

primero, define como se deben las variables, segundo verifica la ruta, que sea correcta, tercero..*MiAplicacionWeb*?...estas empleando caracteres no validos en la url...

[marodal]

El nombre entre arteriscos es un nombre que he puesto en el foro para indicar que ahi va el nombre de mi aplicacion web. No creo que esté fallando por no declarar bien las variables...

La ruta es correcta, puesto que al escribirla en mi navegador se visualiza el contenido del fichero de texto.
¿Tengo que incluir alguna libreria? ¿He de instalar algo en el servidor tomcat?

Gracias

[utan]

Hola,

A mi me trabaja tu ejemplo bien, que browser estas usando..

solo definí la variable que no definiste para que solo exista en el scope de tu función principal..
Y hice el path abstracto, eso por si esque el browser este asiendo el request como a otro dominio el cual no es permitido a menos que hagas Jsonp.

Código Javascript:

<script>
function descargaArchivo() {
    var peticion_http = null;
    // Obtener la instancia del objeto XMLHttpRequest
    if(window.XMLHttpRequest) {
        peticion_http = new XMLHttpRequest();
    }
    else if(window.ActiveXObject) {
        peticion_http = new ActiveXObject("Microsoft.XMLHTTP");
    }
    // Preparar la funcion de respuesta
    peticion_http.onreadystatechange = muestraContenido;
    // Realizar peticion HTTP
    peticion_http.open('GET', 'MiAplicacionWeb/TextFiles/HolaMundo.txt', true);
    peticion_http.send(null);
    
    function muestraContenido() {
        
        if(peticion_http.readyState == 4) {
            if(peticion_http.status == 200) {
                
                alert(peticion_http.responseText);
            }
        }
    }
}
window.onload = descargaArchivo();
</script>
 

Para no tener la variable en el scope de tu función principal and no queres crear otra función podes usarla así también..

Código Javascript:

<script>
function descargaArchivo() {
    var peticion_http = null;
    // Obtener la instancia del objeto XMLHttpRequest
    if(window.XMLHttpRequest) {
        peticion_http = new XMLHttpRequest();
    }
    else if(window.ActiveXObject) {
        peticion_http = new ActiveXObject("Microsoft.XMLHTTP");
    }
    // Preparar la funcion de respuesta
    peticion_http.onreadystatechange = function () {
        
        if(this.readyState == 4) {
            if(this.status == 200) {
                
                alert(this.responseText);
            }
        }
    };
    // Realizar peticion HTTP
    peticion_http.open('GET', 'MiAplicacionWeb/TextFiles/HolaMundo.txt', true);
    peticion_http.send(null);
    
}
window.onload = descargaArchivo();
</script>
 

Asi no clogeas el scope de tu función principal y mas legible me parece..

[ipraetoriux]

Iniciado por marodal

ENo creo que esté fallando por no declarar bien las variables...

no, pero, primero hace al buen habito de escribir código correctamente, y no a las chapuzas, eso diferencia un buen programador de alguien que se esta tirando pinitos al aire haber si le sale...segundo, definir o no una variable, implica distintas formas de trabajar con el scope, que te puede generar resultados inesperados si defines mal las variables...es tema básico, yo empezaría por ahí antes que por Ajax...

...con respecto a tu consulta, que te indica la consola?