AJAX, el debugger me dice que no puede "leer el valor de ReadyState"

[Albuss]

Buenas caballeros!

Tengo un problema al ejecutar una función de javascriot que forma aprte de la respuesta XMLHttpRequest.


El codigo que me da error es el siguiente :

Código:

Código Javascript:
if(this.xmlhttp.readyState == 4) {
if(this.xmlhttp.status == 200) {
 ---
---
--- ([I]sentencias a ejecutar[/I])
 

El debuguer me tira error diciendo : Uncaught TypeError: Cannot read property 'readyState' of undefined


Ps. this.xmlhttp actual como variable global para guardar el valor de la instancia XMLHttpRequest.


¿que he hecho mal o que no he hecho?

[emprear]

Estás mostrando solo una función , supongo que has creado una instancia correcta del ajax, para luego

Código Javascript:

// funcion de respuesta
peticion_http.onreadystatechange = muestra_datos;
// Realizar peticion HTTP
xmlhttp.open('GET', url, true);
xmlhttp.send(null);
 
 
function muestra_datos() {
if(xmlhttp.readyState == 4) {
if(xmlhttp.status == 200) {
alert(xmlhttp.responseText);
}
}
}
 

SAludos

[Albuss]

Si, solo que en mi funcion no es responseText, si no responseXML, aunque el error sigue siendo el mismo (o al menos ami en el debuggder me pone lo mismo),he revisado intensamente mi codigo en busca de fallos de sintaxis, yo al menos no he visto ninguno, te pongo todo directamente :

Código Javascript:

function loadXMLhttpRequest(){
    var xmlhttp;
    if (window.XMLHttpRequest)
         {
         this.xmlhttp=new XMLHttpRequest();
          }
          
    }
 
function LlamadaAjaxValidarNombre() {
var nombre = document.getElementById('inputNick').value;
var url = "ValidarNombre.php?nombre=" + nombre;
this.xmlhttp.open("GET", url, true);
this.xmlhttp.onreadystatechange = respuestaValidarNombre;
this.xmlhttp.send(null);
}
 
 
function respuestaValidarNombre() {
 
 
if(this.xmlhttp.readyState == 4) {
if(this.xmlhttp.status == 200) {
 
    var nodoRespuesta = this.xmlhttp.responseXML.getElementsByTagName("respuesta")[0];
    var textoRespuesta = nodoSaludo.childNodes[0].nodeValue;
        
            document.getElementById('respuestaphp').innerHTML = (textoRespuesta);
            
            
 
 
        } 
    }
}
 

[chwc]

Código Javascript:

var xmlhttp;
function loadXMLhttpRequest(){
 
* * if (window.XMLHttpRequest)
* * * * *{
* * * * *xmlhttp=new XMLHttpRequest();
* * * * * }
* * * * * 
* * }
*
function LlamadaAjaxValidarNombre() {
var nombre = document.getElementById('inputNick').value;
var url = "ValidarNombre.php?nombre=" + nombre;
xmlhttp.open("GET", url, true);
xmlhttp.onreadystatechange = respuestaValidarNombre;
xmlhttp.send(null);
}
*
*
function respuestaValidarNombre() {
*
*
if(xmlhttp.readyState == 4) {
if(xmlhttp.status == 200) {
*
* * var nodoRespuesta = xmlhttp.responseXML.getElementsByTagName("respuesta")[0];
* * var textoRespuesta = nodoSaludo.childNodes[0].nodeValue;
* * * * 
* * * * * * document.getElementById('respuestaphp').innerHTML = (textoRespuesta);
* * * * * * 
* * * * * * 
*
*
* * * * } 
* * }
}
 

lo que pasa es que primero que nada, cuando llamas a la funcion loadXMLhttpRequest, esta te crea una variable temporal, adentro de esta función, pero cuando termina esta variable desaparece. por eso la cree afuera de la función, y no tiene this. , por que no se refiere a una variable de la función, luego, en las otras funciones, cuando llamaba a esa variable, le quite el this. por que se refiere a una variable global, o podria haber antepuesto window. , ya que es la variable padre de las variables globales.

Saludos :D y que tengas un buen dia :D

[Albuss]

muchas gracias!

[Albuss]

Me rectifico, chwc , la solución que has aportado no soluciona el problema, me sigue dando el mismo error en el debugger.


pero curiosamente , al ejecutar en el debujer, la siguiente linea de codigo , me sale :




teniendo en cuenta que el código es el mismo (código original) :

Código Javascript:

function loadXMLhttpRequest(){
    var xmlhttp;
    if (window.XMLHttpRequest)
         {
         this.xmlhttp=new XMLHttpRequest();
          }
          
    }
 
function LlamadaAjaxValidarNombre() {
var nombre = document.getElementById('inputNick').value;
var url = "ValidarNombre.php?nombre=" + nombre;
this.xmlhttp.open("GET", url, true);
this.xmlhttp.onreadystatechange = respuestaValidarNombre;
this.xmlhttp.send(null);
}
 
 
function respuestaValidarNombre() {
 
 
if(this.xmlhttp.readyState == 4) {
if(this.xmlhttp.status == 200) {
 
    var nodoRespuesta = this.xmlhttp.responseXML.getElementsByTagName("respuesta")[0];
    var textoRespuesta = nodoSaludo.childNodes[0].nodeValue;
        
            document.getElementById('respuestaphp').innerHTML = (textoRespuesta);
            
 
            
 
 
        } 
    }
}
 

Con la "solucion" que dio chwc, es decir sin hacer un puntero a la variable (this.xmlhttp) dejandola como una variable simple (xmlhttp) el debuger me dice esto :

[emprear]

A ver, aparentemente estás leyendo un xml
Y no es necesario que utilices 3 funciones

Código HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>titulo</title> 
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
 
<script type="text/javascript">
//<![CDATA[
 
// creas el objeto Ajax
function ajaxFunction() {
var xmlHttp;
try {
xmlHttp=new XMLHttpRequest();
return xmlHttp;
} catch (e) {
try {
xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
return xmlHttp;
} catch (e) {
try {
xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
return xmlHttp;
} catch (e) {
alert("Tu navegador no soporta AJAX!");
return false;
}}}
}
 
 
function LlamadaAjaxValidarNombre() {
    // llamas a ajax
var ajax;
ajax = ajaxFunction();
var url = "validarnombre.xml";
ajax.open("GET", url, true);
ajax.onreadystatechange=function(){
 
if(ajax.readyState == 4) {
    if(ajax.status == 200) {
    var nodoRespuesta = ajax.responseXML.getElementsByTagName("title")[0];
    var textoRespuesta = nodoRespuesta.childNodes[0].nodeValue;
    document.getElementById('respuestaphp').innerHTML = textoRespuesta;
} 
}
 
 
}
      
ajax.send(null);
}
 
//]]>
</script>
 
</head>
<body>
<button onclick="LlamadaAjaxValidarNombre();">xxx</button>
<div id="respuestaphp">
</div>
</body>
</html>
 

Luego aqui
var textoRespuesta = nodoSaludo.childNodes[0].nodeValue;
nodoSaludo no está definido, habrás querido poner nodoRespuesta

usé este xml

Código XML:

<?xml version="1.0" encoding="utf-8"?>
<!-- Edited by XMLSpy® -->
<catalog>
    <cd>
        <title>Empire Burlesque</title>
        <artist>Bob Dylan</artist>
        <country>USA</country>
        <company>Columbia</company>
        <price>10.90</price>
        <year>1985</year>
    </cd>
</catalog>
 

Saludos