3

Quiero obtener ciertos datos de un archivo XML de libre acceso en un servidor remoto.

Se trata de archivos de Datos Abiertos de AEMET. La idea es leer el xml y extraer cierta información. Quiero hacerlo utilizando javascript, de manera que pueda visualizar en una web estos datos obtenidos del archivo xml. Como ejemplo uno de los archivos es;

http://www.aemet.es/xml/maritima/FQXX46MM.xml

Entiendo como hacerlo en Python; creo una variable con el contenido del XML y después con BeautifulSoup o cualquier otro scrapper leo los datos DOM del xml. No tengo ni idea de cómo comenzar en javascritp. ¿Como leo el xml remoto? a partir de ahí creo que entiendo cómo puedo obtener los datos de cada etiqueta.

He buscado como hacerlo y todo lo que encuentro parece orientado a Ajax, pero no acabo de encontrar como hacerlo leyendo directamente el xml remoto.

4
  • Ejecuta una petición contra ese servidor. Captura la respuesta en una variable que tendrá el contenido XML y luego lo parseas. ¿Cuál es el problema concreto?
    – user227
    Commented el 23 mar. 2016 a las 16:33
  • No se como 'ejecutar la petición contra el servidor'
    – kamome
    Commented el 23 mar. 2016 a las 16:47
  • ¿Algo como $.get("http://www.aemet.es/xml/maritima/FQXX46MM.xml", function (data) { console.log(data); }) de jquery?
    – user227
    Commented el 23 mar. 2016 a las 16:50
  • Solo usa una llamada a ajax con el framework de tu elección jQuery, Angular, Javascript puro, etc
    – devconcept
    Commented el 23 mar. 2016 a las 16:50

1 respuesta 1

3

Puedes especificar el dataType de la función $.ajax de jQuery como "xml"

Ejemplo

$("button").click(function(){
     
    $.get({
        url: "http://www.aemet.es/xml/maritima/FQXX46MM.xml",
        dataType: "xml"
    })
    .done(function(data) {
        // Has algo con la variable data
        alert(data);
    })
    .error(function(e){
        //Desafortunadamente el recurso XML al estar en otro dominio no permite ser obtenido por AJAX al no tener el header: "Access-Control-Allow-Origin"
        alert(e.statusText);
    });
})
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<button>Prueba ajax con xml</button>

Desafortunadamente como indica el comentario, el recurso en particular al que tratas de acceder: http://www.aemet.es/xml/maritima/FQXX46MM.xml no entrega en el response el header "Access-Control-Allow-Origin" por lo que el navegador bloqueará el request mostrando el siguiente mensaje (en Chrome):

XMLHttpRequest cannot load http://www.aemet.es/xml/maritima/FQXX46MM.xml. 
No 'Access-Control-Allow-Origin' header is present on the requested resource. 
Origin 'null' is therefore not allowed access.

Así que, al menos a ese archivo en particular no lo podrás leer desde JavaScript, a menos que esa página liste el dominio donde está alojado tu script como permitido.

2
  • Ahora ya lo voy viendo. Gracias
    – kamome
    Commented el 24 mar. 2016 a las 8:54
  • He conseguido hacerlo de otra forma; utilizando xReader.
    – kamome
    Commented el 25 mar. 2016 a las 17:46

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.