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

Imágen de perfil

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


JavaScript

estrellaestrellaestrellaestrellaestrella(3)
Publicado el 15 de Septiembre del 2014 por Xavi
13.087 visualizaciones desde el 15 de Septiembre del 2014. Una media de 112 por semana
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(3)

Publicado el 15 de Septiembre del 2014gráfica de visualizaciones de la versión: Versión 1
13.088 visualizaciones desde el 15 de Septiembre del 2014. Una media de 112 por semana
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 (3)

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

Comentar la versión: Versión 1

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

http://lwp-l.com/s2762