Estoy haciendo una aplicación web para el registro horario de trabajadores del hotel donde trabajo.
Tengo un archivo .html para cargar una tabla de registro de horarios que va haciendo llamadas a varios archivos PHP, uno para mostrar los registros de la base de datos, otro para registrar la entrada, y otro para la salida y computo de horas. Esto va actualizando la página sin refrescarla usando AJAX.
Mi idea es que el archivo .html este solo en el hotel y no este colgado, para que un trabajador no pueda fichar si no esta en el hotel (ya se que pueden copiárselo pero eso de momento no me preocupa), y los archivos php y la base de datos que estén alojados en el servidor. Entonces tengo la duda de si hay alguna forma de que ese archivo .html pueda hacer llamadas a archivos .php que no están en el mismo servidor, he probado poniendo la URL entera en la petición AJAX:
function showRegistro() {
let xhttp;
xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
document.getElementById("txtHint").innerHTML = this.responseText;
}
};
xhttp.open("GET", "http://www.miNegocio.com/mostrar.php", true);
xhttp.send();
Pero no funciona, también he probado a poner todos los permisos de lectura, escritura, ejecución y nada... sabéis si se puede hacer?
Cuando tengo todo en un mismo servidor funciona todo bien.