resulta que tengo un error en el navegador al extraer los datos xml de un dominio externo a través de jquery ajax.
Trato de hacerlo de esta forma:
$.ajax({
type: "GET" ,
url: "http://api.radionomy.com/currentsong.cfm?radiouid=E8FBFBE1-E50F-4E6A-BEA7-CA2E41F96D0B&apikey=cf41bd17-7638-4c10-b869-341555a65d7f&type=xml&previous=yes&next=yes&cover=yes&callmeback=yes&defaultcover=yes" ,
dataType: "xml" ,
success: function(xml) {
var title = $(xml).find('title').text(),
artist = $(xml).find('artists').text();
Actc(title, artist);
}
});
Esa petición ajax la tengo dentro de un setinterval que actualiza los datos cada 20 segundos.
Va bien durante un rato, pero luego da este error en el navegador (Chrome) y deja de leer la información del xml:
Failed to load http://api.radionomy.com/currentsong.cfm?radiouid=XXXXXXXX&apikey=xxxxxxx&callmeback=yes&type=xml&cover=yes&previous=yes: No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://localhost.canal' is therefore not allowed access. The response had HTTP status code 403.
He buscado información pero no consigo aclararme. Según parece no es posible extraer con ajax contenido xml desde otro dominio diferente a no ser que se habilite CORS en mi servidor.
https://developer.mozilla.org/es/docs/Web/HTTP/Access_control_CORS
Aunque he intentado añadirlo a .httaccess sin éxito, ya que seguía dando el error. También he tratado de hacerlo mediante php pero también sin éxito. Seguramente hago algo mal, no soy muy experto en este sentido.
¿Cómo podría extraer los datos del xml sin problemas de CORS?
.htaccess
con la configuración de habilitar el CORS va del lado del dominio externo, diciendole que le das permiso a que te hagan request de otro dominio.htaccess
si quien no permite CORS es api.radionomy.com? Al parecer dicha API no permite solicitudes desde el browser