Esto antes funcionaba perfectamente, ahora misteriosamente no lo hace...
Tengo una primera página html con un enlace. Al hacer clickclick
en el enlace quiero traer contenido de otra página mediante AjaxAjax
y mostrarlo en un divdiv
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");
$("#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.
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¿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>