problemas con httprequest

facuferrari · #1 (**permalink**) 07/07/2011, 00:01

hola que tal, tengo problemas para cargar la data de un xml

Código:

function loadXMLDoc()
{
var xmlhttp;
var txt,x,i;
if (window.XMLHttpRequest)
  {// code for IE7+, Firefox, Chrome, Opera, Safari
  xmlhttp=new XMLHttpRequest();
  }
/*else
  {// code for IE6, IE5
  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }*/

    xmlDoc=xmlhttp.responseXML;
    txt="";
xmlhttp.open("GET","notices.xml",true);
xmlhttp.send();
    x=xmlDoc.getElementsByTagName("RCONTENT");
	
    for (i=0;i<x.length;i++)
      {
      txt=txt + x[i].childNodes[0].nodeValue + "<br />";
      }
    document.getElementById("noticias").innerHTML=txt;

}

Esta es la funcion que carga la informacion del siguiente archivo xml

Código:

<TITTLE>noticia 1</TITTLE>
<RCONTENT>Contenido reducido</RCONTENT>
<CONTENT>Contenido completo</CONTENT>


<TITTLE>noticia 2</TITTLE>
<RCONTENT>Contenido reducido</RCONTENT>
<CONTENT>Contenido completo</CONTENT>

y por ultimo el html es:

Código:

<body onload="loadXMLDoc()">

<div id='content'>

<div id='tittle'></div>

<div id='noticias'>

</div>

</div>
</body>

no sé por qué no carga nada :/ si alguien podría darme una mano le agradecería mucho. gracias !

maycolalvarez · #2 (**permalink**) 07/07/2011, 06:45

no te carga nada porque no veo que definas la función que espera la respuesta, es decir el onreadystatechange, consulta un tutorial de ajax

Melecio · #3 (**permalink**) 07/07/2011, 07:49

ok creo que seria asi remplaza tu funcion por esta

y en body llama la funcion loadajax()
--------------------

<script type="text/javascript">
function getXMLHTTPRequest() {
try {
req = new XMLHttpRequest();
} catch(err1) {
try {
req = new ActiveXObject("Msxml2.XMLHTTP");
} catch (err2) {
try {
req = new ActiveXObject("Microsoft.XMLHTTP");
} catch (err3) {
req = false;
}
}
}
return req;
}

var http = getXMLHTTPRequest();

function loadajax() {
var myurl = 'notices.xml';
myRand = parseInt(Math.random()*999999999999999);
var modurl = myurl+"?rand="+myRand;
http.open("GET", modurl, true);
http.onreadystatechange = useHttpResponse;
http.send(null);
}

function useHttpResponse() {
if (http.readyState == 4) {

if(http.status == 200) {

var x = http.responseXML.getElementsByTagName("RCONTENT");
var y = http.responseXML.getElementsByTagName("TITTLE");
var z = http.responseXML.getElementsByTagName("CONTENT");

var rcon = "";
var cont = "";
var tit = "";

for (a=0;a<y.length;a++){
tit=tit + y[a].childNodes[0].nodeValue + "<br />" ;
document.getElementById("tittle").innerHTML=tit;
}

for (i=0;i<x.length;i++){
rcon=rcon + x[i].childNodes[0].nodeValue + "<br />" ;
document.getElementById("noticias").innerHTML=rcon ;
}

for (b=0;b<z.length;b++){
cont=cont + z[b].childNodes[0].nodeValue + "<br />" ;
document.getElementById("content").innerHTML=cont;
}

}
} else {

}
}

</script>

facuferrari · #4 (**permalink**) 07/07/2011, 13:28

estoy siguiendo los pasos del tutorial de w3schools de ajax por ahora tengo esto y cuando abro la pagina me salta el error de "no se ha podido cargar el archivo" y los valores de readyState y status son 4 y 0 respectivamente, según el tutorial el status solo puede ser 200 = "OK" o 404 el famoso page not found, pero a mi me da 0 por que sera? el código es este:

Código:

var xmlhttp;
//------CREAMOS OBJETO------//
	if(window.XMLHttpRequest){
		xmlhttp = new XMLHttpRequest;
	}
	else{
		xmlhttp = new ActiveObject("Microsoft.XMLHTTP");
	}
//------CREAMOS OBJETO------//

		xmlhttp.open("GET","notices.xml", true);
		xmlhttp.send();
		xmlhttp.onreadystatechange=getXMLData();

	function getXMLData(){
	if (xmlhttp.readyState = 4 && xmlhttp.status == 200){
		
		xmlDoc = xmlhttp.responseXML;
		txt = "";
		x = xmlDoc.getElementsByTagName("RCONTENT");
		
			for (i=0 ; i< x.length ; i++){
				txt = txt + x[i].childNodes[0].nodeValue + "<br/>";
			}
		
		document.getElementById("noticias").innerHTML = txt;
		}

	else{
		alert('no se pudo cargar el archivo');
		document.write(xmlhttp.readyState + "<br/>");
		document.write(xmlhttp.status);
	}
	}

Melecio · #5 (**permalink**) 07/07/2011, 14:07

pues le movi un poco pero en ie explorer no me funciono en firefox si jalo le voy a intentar aber si sale...

--------------------
var xmlhttp;
var xmlhttp;
//------CREAMOS OBJETO------//
if(window.XMLHttpRequest){
xmlhttp = new XMLHttpRequest;
}
else{
xmlhttp = new ActiveObject("Microsoft.XMLHTTP");
}

//------CREAMOS OBJETO------//

xmlhttp.open("GET","notices.xml", true);

xmlhttp.onreadystatechange = getXMLData;
xmlhttp.send(null);

function getXMLData(){

if (xmlhttp.readyState = 4 && xmlhttp.status == 200){

xmlDoc = xmlhttp.responseXML;
txt = "";
x = xmlDoc.getElementsByTagName("RCONTENT");

for (i=0 ; i< x.length ; i++){
txt = txt + x[i].childNodes[0].nodeValue + "<br/>";
}

document.getElementById("noticias").innerHTML = txt;
}else{
alert('no se pudo cargar el archivo');
document.write(xmlhttp.readyState + "<br/>");
document.write(xmlhttp.status);
}
}

facuferrari · #6 (**permalink**) 07/07/2011, 14:17

A mi no me funciona ni en IE ni en firefox ni en chrome, una pregunta, esto deberia estar en un servidor o abriendolo desde el disco deberia funcionar ?

Melecio · #7 (**permalink**) 07/07/2011, 14:26

Cita:

Iniciado por facuferrari

A mi no me funciona ni en IE ni en firefox ni en chrome, una pregunta, esto deberia estar en un servidor o abriendolo desde el disco deberia funcionar ?

haora intenta con este a mi si me funciono en cualquier navegador

<script type="text/javascript">
function getXMLHTTPRequest() {
try {
req = new XMLHttpRequest();
} catch(err1) {
try {
req = new ActiveXObject("Msxml2.XMLHTTP");
} catch (err2) {
try {
req = new ActiveXObject("Microsoft.XMLHTTP");
} catch (err3) {
req = false;
}
}
}
return req;
}

var xmlhttp= getXMLHTTPRequest();

//------CREAMOS OBJETO------//

xmlhttp.open("GET","notices.xml", true);

var ww = xmlhttp.onreadystatechange = getXMLData;
xmlhttp.send(null);

function getXMLData(){

var ww= xmlhttp.readyState ;
var w1= xmlhttp.status ;

if (xmlhttp.readyState == 4) {

if (xmlhttp.status == 200) {

xmlDoc = xmlhttp.responseXML;
txt = "";
x = xmlDoc.getElementsByTagName("RCONTENT");

for (i=0 ; i< x.length ; i++){
txt = txt + x[i].childNodes[0].nodeValue + "<br/>";
document.getElementById("noticias").innerHTML = txt;
}

}
}
}

</script>

Melecio · #8 (**permalink**) 07/07/2011, 14:29

lo cale como tu lo haces solo dandole clik al html en la carpeta sin usar wampserver
y no me funciono

la razon es esa sin un emulador como wamp el estatus que es 4 si lo hace pero esl 200 no se que da en cero
y pues no inicializa y por lotanto no hace el proceso

pero como yo estoy utilizando wapserver como localhost si funciona a la perfeccion

suerte!!

facuferrari · #9 (**permalink**) 07/07/2011, 16:23

usando wamp server y ese script, aun así no me funciona, gracias de todas formas ! pongo lo que tengo hasta ahora para ver si le encuentras algun error.

Código:

<!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>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>home page | notice</title>
<link href="notice_style.css" rel="stylesheet" type="text/css" />

<script type="text/javascript">
function getXMLHTTPRequest() {
try {
req = new XMLHttpRequest();
} catch(err1) {
try {
req = new ActiveXObject("Msxml2.XMLHTTP");
} catch (err2) {
try {
req = new ActiveXObject("Microsoft.XMLHTTP");
} catch (err3) {
req = false;
}
}
}
return req;
}

var xmlhttp= getXMLHTTPRequest();

//------CREAMOS OBJETO------//

xmlhttp.open("GET","notices.xml", true);

var ww = xmlhttp.onreadystatechange = getXMLData;
xmlhttp.send(null);

function getXMLData(){

var ww= xmlhttp.readyState ;
var w1= xmlhttp.status ;



if (xmlhttp.readyState == 4) {

if (xmlhttp.status == 200) {

xmlDoc = xmlhttp.responseXML;
txt = "";
x = xmlDoc.getElementsByTagName("RCONTENT");



for (i=0 ; i< x.length ; i++){
txt = txt + x[i].childNodes[0].nodeValue + "<br/>";
document.getElementById("noticias").innerHTML = txt;
}

}
}
}

</script>
</head>

<body onload='getXMLHTTPRequest()'>

<div id='content'>

<div id='tittle'></div>

<div id='noticias'>

</div>

</div>
</body>
</html>

y el xml:

Código:

<?xml version="1.0" encoding="iso-8859-1"?>

<TITTLE>noticia 1</TITTLE>
<RCONTENT>Contenido reducido</RCONTENT>
<CONTENT>Contenido completo</CONTENT>


<TITTLE>noticia 2</TITTLE>
<RCONTENT>Contenido reducido</RCONTENT>
<CONTENT>Contenido completo</CONTENT>

Melecio · #10 (**permalink**) 08/07/2011, 07:07

Cita:

Iniciado por facuferrari

usando wamp server y ese script, aun así no me funciona, gracias de todas formas ! pongo lo que tengo hasta ahora para ver si le encuentras algun error.

Código:

<!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>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>home page | notice</title>
<link href="notice_style.css" rel="stylesheet" type="text/css" />

<script type="text/javascript">
function getXMLHTTPRequest() {
try {
req = new XMLHttpRequest();
} catch(err1) {
try {
req = new ActiveXObject("Msxml2.XMLHTTP");
} catch (err2) {
try {
req = new ActiveXObject("Microsoft.XMLHTTP");
} catch (err3) {
req = false;
}
}
}
return req;
}

var xmlhttp= getXMLHTTPRequest();

//------CREAMOS OBJETO------//

xmlhttp.open("GET","notices.xml", true);

var ww = xmlhttp.onreadystatechange = getXMLData;
xmlhttp.send(null);

function getXMLData(){

var ww= xmlhttp.readyState ;
var w1= xmlhttp.status ;



if (xmlhttp.readyState == 4) {

if (xmlhttp.status == 200) {

xmlDoc = xmlhttp.responseXML;
txt = "";
x = xmlDoc.getElementsByTagName("RCONTENT");



for (i=0 ; i< x.length ; i++){
txt = txt + x[i].childNodes[0].nodeValue + "<br/>";
document.getElementById("noticias").innerHTML = txt;
}

}
}
}

</script>
</head>

<body onload='getXMLHTTPRequest()'>

<div id='content'>

<div id='tittle'></div>

<div id='noticias'>

</div>

</div>
</body>
</html>

y el xml:

Código:

<?xml version="1.0" encoding="iso-8859-1"?>

<TITTLE>noticia 1</TITTLE>
<RCONTENT>Contenido reducido</RCONTENT>
<CONTENT>Contenido completo</CONTENT>


<TITTLE>noticia 2</TITTLE>
<RCONTENT>Contenido reducido</RCONTENT>
<CONTENT>Contenido completo</CONTENT>

ok creo que es por tu xml le falta esto

<?xml version="1.0" encoding="iso-8859-1"?>

<nodo>

<TITTLE>noticia 1</TITTLE>
<RCONTENT>Contenido reducido</RCONTENT>
<CONTENT>Contenido completo</CONTENT>

<TITTLE>noticia 2</TITTLE>
<RCONTENT>Contenido reducido</RCONTENT>
<CONTENT>Contenido completo</CONTENT>

</nodo>