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

Imágen de perfil
Val: 2.027
Oro
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 (534 códigos)
35.889 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(6)

Publicado el 15 de Septiembre del 2014gráfica de visualizaciones de la versión: Versión 1
35.893 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 (6)

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

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