Estoy cargando ajax al hacer prueba en el navegador me lanza el siguiente error:
$(document).ready(function () {
$.ajax({
url: "otrapagina.html",
method: "GET",
dataType: "html",
success: function (response) {
$('.lateral').append($(response));
}
});
});
codigo en otrapagina.html
<a href="#" >
<img src="img/mail.png" alt="Correo-e"/>
<span>Correo-e</span>
</a>
<a href="#">
<img src="img/snapchat.png" alt="Snapchat"/>
<span>Snapchat</span>
</a>
<a href="#" >
<img src="img/twitter.png" alt="Twitter"/>
<span>Twitter</span>
</a>
Código en index.html
<aside class="lateral">
<img src="img/imagen.jpg">
</aside>
- El mensaje de error me aparece en Mozilla: Error de lectura XML
- En Chrome: XMLHttpRequest cannot load, origin request are only supported for protocol scheme:http, data, chrome, chrome-extension, https
- En Edge corre correctamente el script
- file:///C:/xampp/htdocs/pAjax/index.html
- Uso jquery-3.2.1.js por cdn
.html
directamente (ejemplo: file://...
) o lo ejecutas via servido (ejemplo: http://localhost/...
)?