Esto antes funcionaba perfectamente, ahora misteriosamente no lo hace...
Tengo una primera página html con un enlace. Al hacer click
en el enlace quiero traer contenido de otra página mediante Ajax
y mostrarlo en un div
en la primera página.
El fallo lo da en la línea que carga el archivo "contenido-ajax-html":
$("#destino").load("contenido-ajax.html");
El error que da el navegador Chrome es el siguiente:
Access to XMLHttpRequest at 'file:///C:/misphp/contenido-ajax.html' from origin 'null' has been blocked by CORS policy: Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, https.
Si abro el navegador Mozilla funciona correctamente. Antes también funcionaba correctamente con Chrome y ahora no. He probado en dos ordenadores más con Chrome y dan el mismo error...
Este error lo da en local, si lo subo a un servidor se ejecuta correctamente.
¿Por qué no funciona en local?
Gracias
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js" type="text/javascript"></script>
<script>
$(document).ready(function()
{
$("#enlaceajax").click(function(evento)
{
evento.preventDefault();
$("#destino").load("contenido-ajax.html");
//alert("");
});
})
</script>
</head>
<body>
<a href="#" id="enlaceajax">Haz clic!</a>
<br>
<div id="destino"></div>
</body>
</html>
.htaccess
. Modifícalo y añade al final del todo una nueva línea con este códigoHeader set Access-Control-Allow-Origin "*"
guarda el archivo y actualiza, luego pulsa de nuevo en el enlace a ver si carga tu html