Código de JavaScript - Como leer un archivo xml del servidor con JavaScript

Imágen de perfil
Val: 1.807
Plata
Ha mantenido su posición en JavaScript (en relación al último mes)
Gráfica de JavaScript

Como leer un archivo xml del servidor con JavaScriptgráfica de visualizaciones


JavaScript

Publicado el 15 de Septiembre del 2014 por Xavi (548 códigos)
45.835 visualizaciones desde el 15 de Septiembre del 2014
Simple script que muestra el listado de algunos foros de La Web del Programador leyendo un archivo XML desde JavaScript

Se tiene que crear un archivo xml (foros.xml) y guardarlos en la carpeta del servidor web donde se ejecutara el código de ejemplo.
El contenido de este archivo lo puedes encontrar comentando al final del código fuente.

Se utiliza el objeto: XMLHttpRequest que realiza una petición AJAX al servidor para descargarse el archivo xml.

Versión 1
estrellaestrellaestrellaestrellaestrella(9)

Publicado el 15 de Septiembre del 2014gráfica de visualizaciones de la versión: Versión 1
45.836 visualizaciones desde el 15 de Septiembre del 2014
estrellaestrellaestrellaestrellaestrella
estrellaestrellaestrellaestrella
estrellaestrellaestrella
estrellaestrella
estrella

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
<!DOCTYPE html>
<html lang="es">
<head>
    <meta charset="utf-8">
 
    <style>
    div span:first-child {width:200px;display:inline-block;}
    </style>
</head>
 
<body>
 
<h1>Algunos foros de La Web del Programador</h1>
 
<script>
if (window.XMLHttpRequest)
{
	// Objeto para IE7+, Firefox, Chrome, Opera, Safari
	xmlhttp=new XMLHttpRequest();
}else{
	// Objeto para IE6, IE5
	xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
 
// Abrimos el archivo que esta alojado en el servidor cd_catalog.xml
xmlhttp.open("GET","foros.xml",false);
xmlhttp.send();
 
// Obtenemos un objeto XMLDocument con el contenido del archivo xml del servidor
xmlDoc=xmlhttp.responseXML;
 
// Obtenemos todos los nodos denominados foro del archivo xml
var foros=xmlDoc.getElementsByTagName("foro");
 
// Hacemos un bucle por todos los elementos foro
for(var i=0;i<foros.length;i++)
{
	// Del elemento foro, obtenemos del primer elemento denominado "titulo"
	// el valor del primer elemento interno
	titulo=foros[i].getElementsByTagName("titulo")[0].childNodes[0].nodeValue
 
	url=foros[i].getElementsByTagName("url")[0].childNodes[0].nodeValue
 
	document.write("<div>");
		document.write("<span>");
		document.write(titulo);
		document.write("</span><span>");
		document.write("<a href='"+url+"' target='_blank'>"+url+"</a>");
		document.write("</span>");
	document.write("</div>");
}
</script>
 
</body>
</html>
 
<!--

El contenido del archivo "foros.xml", puede ser algo así:

<?xml version="1.0" encoding="UTF-8"?>
<foros>
	<foro>
		<titulo>PHP</titulo>
		<url>http://www.lawebdelprogramador.com/foros/PHP/</url>
	</foro>
	<foro>
		<titulo>Java</titulo>
		<url>http://www.lawebdelprogramador.com/foros/Java/</url>
	</foro>
	<foro>
		<titulo>Access</titulo>
		<url>http://www.lawebdelprogramador.com/foros/Access/</url>
	</foro>
	<foro>
		<titulo>Windows 8</titulo>
		<url>http://www.lawebdelprogramador.com/foros/Windows_8/</url>
	</foro>
	<foro>
		<titulo>Visual Basic .NET</titulo>
		<url>http://www.lawebdelprogramador.com/foros/Visual_Basic.NET/</url>
	</foro>
	<foro>
		<titulo>JavaScript</titulo>
		<url>http://www.lawebdelprogramador.com/foros/JavaScript/</url>
	</foro>
	<foro>
		<titulo>Linux</titulo>
		<url>http://www.lawebdelprogramador.com/foros/Linux/</url>
	</foro>
</foros>

-->



Comentarios sobre la versión: Versión 1 (9)

alrjandro
13 de Diciembre del 2015
estrellaestrellaestrellaestrellaestrella
y cuando ya esta creado el archivo, como se hace para agregar un nuevo o borrar un <FORO>?????????????
Responder
Fabian
17 de Mayo del 2016
estrellaestrellaestrellaestrellaestrella
genial
Responder
Kevin
11 de Noviembre del 2016
estrellaestrellaestrellaestrellaestrella
Bueno el aporte!
Responder
Jonathan
25 de Mayo del 2017
estrellaestrellaestrellaestrellaestrella
muy bueno me funcionó a la perfección
Responder
benjamin
19 de Noviembre del 2017
estrellaestrellaestrellaestrellaestrella
por que cuando agrego un nuevo nodo en el xml solo se actualiza en el firefox y no el chrome?? ayuda
Responder
Chuza
25 de Octubre del 2019
estrellaestrellaestrellaestrellaestrella
Excente aporte, muchisimas gracias funciona de maravilla!
Responder
Cesar
1 de Mayo del 2022
estrellaestrellaestrellaestrellaestrella
Como lo pruebo sin un servidor??? Solo tengo mi pc, como le hago para probar el código?
Responder
Un cabreado
15 de Septiembre del 2022
estrellaestrellaestrellaestrellaestrella
Ni tras un ciento de anuncios permite ver el código.
o sea: tomadura de pelo (con y sin adblock)
Responder
Yo Mismo
15 de Septiembre del 2022
estrellaestrellaestrellaestrellaestrella
Demuestran ser unos chapuceros programadores si su página no es capaz de distinguir si se ha activado o no el famoso bloqueador de anuncios.
Nefasta desfachatez a costa de un minimo conocimiento.
Apaga y vámonos.
Responder

Comentar la versión: Versión 1

Nombre
Correo (no se visualiza en la web)
Valoración
Comentarios...
CerrarCerrar
CerrarCerrar
Cerrar

Tienes que ser un usuario registrado para poder insertar imágenes, archivos y/o videos.

Puedes registrarte o validarte desde aquí.

Codigo
Negrita
Subrayado
Tachado
Cursiva
Insertar enlace
Imagen externa
Emoticon
Tabular
Centrar
Titulo
Linea
Disminuir
Aumentar
Vista preliminar
sonreir
dientes
lengua
guiño
enfadado
confundido
llorar
avergonzado
sorprendido
triste
sol
estrella
jarra
camara
taza de cafe
email
beso
bombilla
amor
mal
bien
Es necesario revisar y aceptar las políticas de privacidad

http://lwp-l.com/s2762