0

Pessoal estou tentando acessar um serviço da wikipedia com JQ, mas esta em retornando erro de cors, alguém poderia me ajudar com um código para acessar esse serviço corretamente.

Url: https://pt.wikipedia.org/w/api.php?action=query&format=json&prop=extracts&titles=google

erro

Requisição cross-origin bloqueada: A política de mesma origem (Same Origin Policy) impede a leitura do recurso remoto em https://pt.wikipedia.org/w/api.php?action=query&format=json&prop=extracts&titles=google. (Motivo: o cabeçalho CORS 'Access-Control-Allow-Origin' não está presente).

2
  • 1
    insere o erro para facilitar a ajuda.
    – 13dev
    Commented 29/06/2018 às 16:37
  • coloquei mas é este Requisição cross-origin bloqueada: A política de mesma origem (Same Origin Policy) impede a leitura do recurso remoto em pt.wikipedia.org/w/…. (Motivo: o cabeçalho CORS 'Access-Control-Allow-Origin' não está presente). Commented 29/06/2018 às 16:40

1 Resposta 1

2

Essa é uma proteção que os navegadores possuem, evitando que um cliente em outro endereço faça uma requisição direto em algum site, salvo o caso em que ele autorize o tráfego externo. Nessas situações, vale a pena tentar usar o JSONP. Em uma requisição AJAX com Jquery fica assim:

var request = $.ajax({
  url: "https://pt.wikipedia.org/w/api.php?action=query&format=json&prop=extracts&titles=google",
  method: "GET",
  dataType: "jsonp"
});
 
request.done(function( msg ) {
  console.log(msg)
});
 
request.fail(function( jqXHR, textStatus ) {
  console.log(jqXHR, textStatus)
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

7
  • Caramba que coisa :( existe algum tipo de serviço API para fazer isso ? eu usava um mas parou de funcionar. Commented 29/06/2018 às 16:46
  • 1
    Não que eu conheça. Você teria que realmente construir uma API... Uma saída que eu utilizo nos meus projetos é usar as Cloud Functions do Firebase. Commented 29/06/2018 às 16:47
  • entendi, muito obrigado. Commented 29/06/2018 às 16:48
  • 2
    Tirei um tempinho para ver a API da Wikipedia, e consegui puxar no client. Basta usar jsonp. Você está fazendo a requisição com ajax do jquery? Se estiver, coloque dataType: 'jsonp'. Aqui funcionou normalmente Commented 29/06/2018 às 16:55
  • 1
    @JoãoPedroHenrique Eu estava testando justamente isso agora, pode colocar como resposta porque funciona mesmo. Commented 29/06/2018 às 17:00

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .