Estoy tratando de hacer un widget en el cual me tiene que traer los datos una lista de productos.
scrip.js
var cssId = 'myCss';
if (!document.getElementById(cssId))
{
var head = document.getElementsByTagName('head')[0];
var link = document.createElement('link');
link.id = cssId;
link.rel = 'stylesheet';
link.type = 'text/css';
link.href = 'https://sitioweb.com/stylesheet.css';
link.media = 'all';
head.appendChild(link);
}
var xhr = new XMLHttpRequest();
xhr.open("GET", "https://sitioweb.com/datos.php");
xhr.onload = function () {
if (xhr.status == 200) {
var json = JSON.parse(xhr.responseText);
var template = "";
template += '<div id="titulo">Aconcagua Insumos</div>';
json.map(function(item){
template += item.nombre + " <span>"+ item.cateId + "</span><br>";
return template;
});
template += '<div id="foot">Pie de pagina<br><a href="">Aconcagua Insumos</a></div>';
document.getElementById("LasnaInsumos_1c3155cceb757fc23f43c7815a1705a3").innerHTML = template;
} else {
console.log("Error: "+xhr.status);
}
}
xhr.send();
Html
<div class="widget" id="LasnaInsumos_1c3155cceb757fc23f43c7815a1705a3"></div>
<script src="https://sitioweb.com/script.js"></script>
No me trae resultados, solo el estilo y el mensaje de error en la consola es:
Pedido de origen cruzado bloqueado: La política de mismo origen no permite leer el recurso remoto en https://sitioweb.com/datos.php. (Razón: encabezado CORS 'Access-Control-Allow-Origin' faltante).
Como puedo resolverlo? Gracias!