Question

Buenos días, estoy desarrollando una API simple con php, a la cual mando una peticion Ajax, mandando como parámetro una clave api y datos varios, la API me válida si la key es correcta y me opera dichos datos para devolverme una respuesta, funciona correctamente en localhost.

Ahora e subido toda la api a un servidor en internet con un dominio y he probado a hacerla funcionar desde otra web, del mismo modo, desde la web2 hago una peticion ajax a "hhttp://midominio.com/api/api.php?parametros..." y me devuele este error.

XMLHttpRequest cannot load http://midominio.com/api/api.php. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://localhost' is therefore not allowed access. The response had HTTP status code 500.

¿Alguien sabe que puede estar pasando? no es la primera vez que hago peticiones ajax a paginas de otro dominio sin problema.

Answer 1

Hola @cobasESP,

el error se produce porque estás violando las políticas de acceso del mismo origen, que están pensadas para que un javascript malicioso no pueda recibir contenido de un dominio diferente al propio.

Hay varios mecanismos para permitir esto. Te dejo un enlace que explica y resume esta cuestión, con ejemplos de código y todo http://www.html5rocks.com/en/tutorials/cors/

En mi caso, siempre me bastó con poner un header en la respuesta indicando que se acepte el envío al otro dominio

<?php
header("Access-Control-Allow-Origin: *");
...

Pero poner una API Key y todo eso es más prolijo, aunque redundante a mi entender si el control de la API Key lo hacés en PHP.

Saludos cordiales!