O que � JSONP?

06/04/2017

Fala pessoal, nos meus estudos aqui vi esse tal de JSONP e que o mesmo pode substituir o AJAX.

Algu�m pode me explicar o que � isso e se de fato ele substitui o nosso t�o �til AJAX? Seria uma alternativa melhor?

Calebe Menezes

Curtir t�pico + 0

Responder

Post mais votado

06/04/2017

Opa Calebe, tudo bem?

Por causa do chamado "same-origin policy", nao � poss�vel recuperar dados JSON de outro dom�nio atrav�s do AJAX. Por�m, � poss�vel inserir tags script em nossa p�gina e referenciar scripts externos ao nosso dom�nio. Normalmente utilizamos isso para acessar um CDN; por exemplo, jQuery.

Logo, se pensou em utilizar esse m�todo para recuperar dados JSON de outros dom�nios, j� que com AJAX nao seria poss�vel. Assim, surgiu o JSONP, que basicamente � um JSON, mas com os dados "inseridos" como par�metro de uma fun�ao. Assim, podemos recuperar dados de outro dom�nio atrav�s do JSONP. Um exemplo:

// Isto � JSON
{"nome":"Calebe","id":1}

// Isto � JSONP
func({"nome":"Calebe","id":1});

Definimos o conte�do de uma p�gina, em um dom�nio externo ao nosso, na forma de JSONP. Podemos entao, criar uma fun�ao igual a essa e conseguir acessar os dados, em nossa aplica�ao:

function func(json){
  alert(json.nome);
}
var elemento = document.createElement("script");
elemento.setAttribute("type", "text/javascript");
elemento.src = "http://exemplo.com/jsonp";
document.body.appendChild(elemento);

Logo, quando criarmos o elemento, o src vai ser definido como o conte�do da p�gina referenciada, em formato JSONP: Como temos una fun�ao de mesmo nome no nosso escopo, que chama o alert da propriedade nome do objeto passado, aparecer� um alert com o texto "Calebe" na nossa tela.

O JSONP � uma alternativa para passar por cima da limita�ao do same-domain policy, por�m � mais um "hack". Existe uma alternativa mais moderna chamada CORS. Com JSONP voc� pode somente utilizar requisi�oes GET. Com CORS, voc� pode utilizar quaisquer outros m�todos. V� de JSONP se voc� quer suporte a navegadores mais antigos (Internet Explorer<=9, por exemplo) e somente para leitura (GET).

Um abra�o.

Luis Mesa

Responder

Gostei + 2

Mais Posts

06/04/2017

Luis Mesa

Respondendo a sua pergunta, nao acredito que seja um substituto, j� que com JSONP, como dito, se assemelha a um "hack", e com o surgimento do CORS se permite requisi�oes a outros dom�nios utilizando AJAX, realizando a configura�ao necess�rio no servidor.

Responder

Gostei + 2

10/04/2017

Calebe Menezes

Camarada...

Sensacional essa parada!

Vou come�ar a ver sobre isso para aplicar nos meus projetos.

Me parece ser muito promissor mais para frente!

Responder

Gostei + 0