$getJSON não funciona


(Jclima27) #1

Estou tentando acessar os dados json da pagina http://bpixel.com.br/teste/itens.json via localhost, porem está aparecendo o seguinte erro no console do googl chrome

XMLHttpRequest cannot load http://bpixel.com.br/teste/itens.json. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://localhost' is therefore not allowed access.

Alguém sabe dizer o motivo, meu codigo abaixo

var teste;

  function carregarJson(){
   $.getJSON('http://bpixel.com.br/teste/itens.json')
   .done(function(data){
   teste = data;
   console.log(teste);
   }).fail(function(){
   alert("deu merda");
   })
  }

  carregarJson();

obs: ele da o alerta =/


(Rafael França Marques da Silva) #2

Bom, não sei se vou conseguir solucionar a dúvida... mas aí vai uma explicação:

Isso ocorre por vc estar solicitando o json (ou qlqr arquivo) de uma url diferente:

http://bbb.com solicitando http://aaa.com/arquivo.json

Para que vc possa fazer isso, vc deve liberar no servidor q recebe a solicitação (http://aaa.com)...

Caso vc não tenha acesso e queira testar primeiro, sugiro o mocable.io...

O mocable tem esta configuração liberada por padrão (ele é feito pra isso)... :grin:

Caso queira entrar na configuração, isso deve ajudar:

Espero ter ajudado e caso eu tenha falado besteira me corrijam... :wink: