Skip to main content
título editado
Enlace
Igmer Rodriguez
  • 4.4k
  • 4
  • 24
  • 53

Error al abrir página web en local con Ajax (Access to XMLHttpRequest at 'file:/)

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>

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>

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>

Origen Enlace
Juaqui
  • 327
  • 2
  • 5
  • 18

Error al abrir página web en local con Ajax

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>