4

Como faço para consumir essa URL usando JavaScript?

https://client-demo-accounts-2.bootstrap.fyre.co/bs3/v3.1/client-demo-accounts-2.fyre.co/379221/MjAxNjAxMjcxMjQyOmRlc2lnbmVyLWFwcC0xNDUzODQwMjgxODk0/init

2

2 Respostas 2

4

Por conta da restrição do CORS, você não pode fazer uma requisição ajax comum.

Nesse caso, para driblar esse problema, você poderá usar um JSONP.

Nesse caso, vou exemplificar com o JSONP do jQuery.

var url = 'https://client-demo-accounts-2.bootstrap.fyre.co/bs3/v3.1/client-demo-accounts-2.fyre.co/379221/MjAxNjAxMjcxMjQyOmRlc2lnbmVyLWFwcC0xNDUzODQwMjgxODk0/init';
$.ajax({
  url: url,
  dataType: "jsonp",
  success: function (response) {
    console.log(response);
  }

});

Testei na url informada e ele aceitou perfeitamente o uso de JSONP.

7
  • eu nao conheco, eu colocaria url: client-demo-accounts-2.bootstrap.fyre.co/bs3/v3.1/… ?? 15/02/2016 às 15:25
  • Sim. A url completa você coloca no lugar da url 15/02/2016 às 15:25
  • Não vou explicar o que é jsonp, mas vou adicionar a referência na resposta. Por favor, considere ler as respostas ;). É importante. E não se esqueça de votar nas que você achar interessante 15/02/2016 às 15:27
  • @GabrielRodrigues sempre me perdo com esses "códigos fictícios", obrigado. 15/02/2016 às 15:28
  • @WallaceMaxters, se não há a intenção de enviar uma função de callback no padding, então pq usar JSONP ao invés de JSON? 15/02/2016 às 15:35
3

Utilizando apenas JavaScript:

var url = "https://client-demo-accounts-2.bootstrap.fyre.co/bs3/v3.1/client-demo-accounts-2.fyre.co/379221/MjAxNjAxMjcxMjQyOmRlc2lnbmVyLWFwcC0xNDUzODQwMjgxODk0/init";

var httpRequest = new XMLHttpRequest();
httpRequest.open("GET", url);
httpRequest.responseType = "json";
httpRequest.addEventListener("readystatechange", function () {
  if (httpRequest.readyState == 4){
    if (httpRequest.status == 200){
      console.log(httpRequest.response);
      console.log(httpRequest.response.headDocument);
      console.log(httpRequest.response.headDocument.authors);
      console.log(httpRequest.response.headDocument.content);
    } else {
    
    }
  }
});

httpRequest.send();

O exemplo acima não vai funcionar no snippet do SOpt, então você pode conferir o mesmo no JSFiddle

6
  • Está dando erro por não ser da mesma origem. Por isso citei a questão do JSONP. Eu sei que o AP não especificou a questão de a url ser interna ou externa. Foi bom ter acontecido isso. 15/02/2016 às 15:33
  • Wallace, o erro ocorre devido uma escolha da arquitetura do SO, se executar o codigo acima no JSFiddle ele irá funcionar sem problemas. 15/02/2016 às 15:36
  • Isso eu entendi. Mas eu quero saber do AP. Se ele fizer isso no código dele, vai dar no mesmo (o mesmo erro deu seu código). Por isso quero saber se o domínio dele está marcado como Access-Control-Allow-Origin. 15/02/2016 às 15:38
  • Amigo, como coloco isso e uma <li> ?? 15/02/2016 às 15:38
  • @TobyMosque pode deixar. Só por ele ter marcado a sua resposta, percebi que resolveu o problema dele. Abraços :D 15/02/2016 às 15:39

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 .