Leer archivos RSS con jQuery

TecnologíaJorge Martínez Mauricio

Leer archivos RSS con jQuery

PUBLICIDAD

Escrito por Jorge Martínez Mauricio 14 de junio de 2016
Javascript, RSS, jQuery
Leer archivos RSS con jQuery

Hace días requería leer un archivo RSS con Javascript (jQuery), hay muchos métodos pero este que particularmente explico aquí funcionó a la perfección con lo que necesitaba. Necesitamos tener el archivo XML localmente, esto por motivos de seguridad que implementan los navegadores para no poder leer archivos remotos directamente desde el cliente, a menos que se establezcan permisos para ello del lado del servidor. Si no lo tenemos podríamos crear un "proxy" con php que explicaré mas adelante.

Una vez que tenemos localizado el archivo XML (en los RSS de El Siglo podemos escoger el que sea para probar) lo mandamos llamar con $.get de jQuery, especificando que el tipo de datos es XML. Una vez cargado el archivo vamos buscando cada uno de los elementos del archivo RSS (que en este caso pueden ser noticias, posts de blogs, fotos, etcétera) y en cada uno de ellos extraemos el título, enlace e imagen si es que trae. Cada dato lo anexamos a la variable "botija" y entonces llenamos el contenedor #noticias.

En caso de que no tuvieramos el archivo RSS localmente o tuvieramos que leer remotamente, podemos hacer un proxy con PHP, donde cambiaremos archivoRSS.xml por un archivo php, digamos: rss.php. En el archivo de PHP entonces leemos el contenido y lo devolvemos:

<?php
@$data = file_get_contents("https://www.elsiglodetorreon.com.mx/channel/nacional.xml");
if(!empty($data))  echo $data; 
else echo "ERROR";

De esta forma, desde jQuery llamamos al archivo rss.php y nos devolverá el contenido del XML, que ya desde Javascript podremos manipularlo a nuestro antojo, ponerle estilos, etcétera.

Javascript, RSS, jQuery, 2,043 lecturas.

lee más

PUBLICIDAD