Obtener datos XML con jQuery

15 may 2010 2 comentarios

Vamos a almacenar los diferentes valores/atributos de un determinado archivo XMl en variables javascript con jQuery.

A continuación un ejemplo de XML:




1

PHP es un lenguaje de programación interpretado, diseñado originalmente para la creación de páginas web dinámicas


2

JavaScript es un lenguaje de scripting basado en objetos, utilizado para acceder a objetos en aplicaciones


[/cc]

De esta manera podremos manejar un archivo XML, usando jQuery, sin problemas para obtener lo datos del XML.

$.get('miarchivo.xml',{},function(data){
    $('item',data).each(function(){
        var $this = $(this);
        var id = $this.find('id').text();
        var title = $this.find('title').text();
        var description = $this.find('description').text();
        // etc...
    });
});

2 Comentarios

Marcelo, el 09/11/2010 a las 15:59:08

Saludos, interesante script; ahora consulto: ¿como obtengo el valor en caso que un tag tuviera atributos?, por ejemplo:

1
PHP
PHP es un lenguaje de programación interpretado, diseñado originalmente para la creación de páginas web dinámicas

2
JAVASCRIPT
JavaScript es un lenguaje de scripting basado en objetos, utilizado para acceder a objetos en aplicaciones

En este caso recuperar el valor del atributo categoria.

Marcelo, el 09/11/2010 a las 16:01:44

Como en el comentario anterior no salieron correctamente las etiquetas de mi consulta las vuelvo a colocar:

<?xml version="1.0" ?>
<lenguaje>
<item categoria="Lado del Servidor">
<id>1</id>
<title>PHP</title>
<description>PHP es un lenguaje de programación interpretado, diseñado originalmente para la creación de páginas web dinámicas</description>
</item>
<item categoria="Lado del Cliente">
<id>2</id>
<title>JAVASCRIPT</title>
<description>JavaScript es un lenguaje de scripting basado en objetos, utilizado para acceder a objetos en aplicaciones</description>
</item>
</lenguaje>

Escribe un comentario

Comenta este post en Facebook