script de ajax que no funciona

Jesica · #1 (**permalink**) 06/09/2007, 08:09

Hola gente!
Estoy empezando a ver un poco de ajax, y en un libro sobre el tema, encontre este ejemplo, pero no logro que funcione, no me muestra nada, ni me tira errores. ¿Que puede ser?
agradeceria mucho una ayudita.
saludos.

Código PHP:

  <script type="text/javascript"> 
<!- 
var XMLHttp=null 
if (window.XMLHttpRequest) { 
    XMLHttp=new XMLHttpRequest() 
    alert('Mozilla / Safari / IE7 / etc') 
    } 
    else if (window.ActiveXObject){ 
        XMLHttp=new ActiveObject ("Microsoft.XMLHTTP") 
        alert('Internet Explorer') 
    } 
if (!XMLHttp) { 
    alert('No se pudo crear la instancia'); 
} 
//-> 
 
</script>

gvargas · #2 (**permalink**) 06/09/2007, 08:28

Yo te recomiendo que uses la siguiente función en un archivo .js

Código PHP:

  function getAjax(){ 
        var xmlhttp=false; 
        try{xmlhttp=new ActiveXObject("Msxml2.XMLHTTP"); } 
        catch(e){ 
            try    {xmlhttp=new ActiveXObject("Microsoft.XMLHTTP"); } 
            catch(E) { xmlhttp=false; } 
        } 
        if (!xmlhttp && typeof XMLHttpRequest!='undefined') { xmlhttp=new XMLHttpRequest(); } 
        return xmlhttp; 
}

En el header de tu pagina lo agregas....

Código PHP:

  <script src="./archivo.js" type="text/javascript"></script>

Luego generas una función js, la pones en tu header o nuevamente en el archivo js (yo creo que en este ultimo)

Por ejemplo:

Código PHP:

  function PeticionAjax(){ 
        var obj; 
                obj = getAjax(); 
        obj.open("GET",  'script.php', true); 
        obj.onreadystatechange=function(){ 
                if (obj.readyState == 1) 
                    alert ("La petición se esta procesando"); 
 
                 if (obj.readyState == 4){                             
                                         alert ("La petición ha finalizado !") 
 
                 } 
        } 
    obj.send(null); 
}

Ahora la invocamos, por que pos si sola no hace nada..... por ejemplo al cargar la pagina,....

Código PHP:

  <body onload="PeticionAjax();">

Y creo que eso es todo....

Despues hay que mostrar los resultados y todo eso rollo.

Un saludo

Jesica · #3 (**permalink**) 06/09/2007, 11:06

Gracias por la respuesta.

Pido disculpas por mandar tanto código, lo que pasa es que me compre un libro que viene con ejemplos, y no me funcionan, entonces quiero saber si esta mal el libro o que es lo que pasa. Les paso otro ejemplo, este me tira un error, me dice que esta en la linea 5(<body onLoad="cargarTexto();">) Error: se esperaba un objeto.
Desde ya muchas gracias!

Código HTML:

<html>
<head>
<title>Ajax</title>
</head>
<body onLoad="cargarTexto();">

<script type="text/javascript">
<!-

function crearInstancia() {
	XMLHttp = false;
	
	if (windows.XMLHttpRequest) {
		return new XMLHttpRequest();
}
	else if (windows.ActiveXObject) {
		var versiones = ["Msxml2.XMLHTTP.7.0","Msxml2.XMLHTTP.6.0","Msxml2.XMLHTTP.5.0","Msxml2.XMLHTTP.4.0","Msxml2.XMLHTTP.3.0","Msxml2.XMLHTTP","Microsoft.XMLHTTP"];
		for (var i=0;i<versiones.length;i++) {
				try {
					XMLHttp = new ActiveXObject(versiones[i]);
					if (XMLHttp) {
						return XMLHttp;
						break;
					}
				} catch (e) {} ;
			}
		}
}
function cargarTexto() {
	XMLHttp = crearInstancia();
	
	if (XMLHttp) {
		var url="Ejemplo.html"
		XMLHttp.open("GET",url,true)
		XMLHttp.onreadystatechange=cambiaEstado
		XMLHttp.send(null)
	} else {
		alert('No se pudo crear la instancia');
	}
}

function cambiaEstado() {
	if (XMLHttp.readyState==4) {
		document.getElementById("texto").innerHTML = "<strong>" + XMLHttp.responseText + "</strong>"
	}
}
//->
</script>



<SPAN ID="texto" NAME="texto"></SPAN>



</body>



</html>

gvargas · #4 (**permalink**) 06/09/2007, 12:20

Dos cosas:

O la función crearInstancia no te esta devolviendo la instancia del Objeto XMLHttp o no tienes el archivo Ejemplo.html.

Otra cosa; te recomiendo que primero leas detenidamente el proposito y el objetivo de una petición por Ajax, que entiendas que es Ajax, luego la manera en que funciona.

Des esta forma podrás entender y detectar los mensajes por ti mism@.

Saludos

MaBoRaK · #5 (**permalink**) 06/09/2007, 17:00

loading..............

Estas de cabeza... en este caso la funcion cargaTexto debe ir antes del body.... que libro compraste? :S de que año y autor es? para NO COMPRARLO.

Código HTML:

<html>
<head>
<title>Ajax</title>
<script type="text/javascript">
<!-

function crearInstancia() {
	XMLHttp = false;
	
	if (windows.XMLHttpRequest) {
		return new XMLHttpRequest();
}
	else if (windows.ActiveXObject) {
		var versiones = ["Msxml2.XMLHTTP.7.0","Msxml2.XMLHTTP.6.0","Msxml2.XMLHTTP.5.0","Msxml2.XMLHTTP.4.0","Msxml2.XMLHTTP.3.0","Msxml2.XMLHTTP","Microsoft.XMLHTTP"];
		for (var i=0;i<versiones.length;i++) {
				try {
					XMLHttp = new ActiveXObject(versiones[i]);
					if (XMLHttp) {
						return XMLHttp;
						break;
					}
				} catch (e) {} ;
			}
		}
}
function cargarTexto() {
	XMLHttp = crearInstancia();
	
	if (XMLHttp) {
		var url="Ejemplo.html"
		XMLHttp.open("GET",url,true)
		XMLHttp.onreadystatechange=cambiaEstado
		XMLHttp.send(null)
	} else {
		alert('No se pudo crear la instancia');
	}
}

function cambiaEstado() {
	if (XMLHttp.readyState==4) {
		document.getElementById("texto").innerHTML = "<strong>" + XMLHttp.responseText + "</strong>"
	}
}
//->
</script>
</head>
<body onLoad="cargarTexto();">





<SPAN ID="texto" NAME="texto"></SPAN>



</body>



</html>

connection closed.