Criando retornos de chamada JSONP em JavaScript

Solicitações entre domínios podem representar um desafio no desenvolvimento de JavaScript. No entanto, JSONP (JSON com preenchimento) fornece uma solução para esse problema.

Modificando sua API JSON para JSONP

Para ativar recursos JSONP em sua API JSON, siga o etapas simples abaixo:

1. Aceite um parâmetro "callback" na solicitação GET:

   if(array_key_exists('callback', $_GET)){

2. Envolva a função de retorno de chamada em torno de seus dados:

   $callback.'('.$data.');';

Usando PHP como exemplo, o código abaixo demonstra estas etapas:

Usando o serviço JSONP

Para utilizar o serviço JSONP, você pode empregar a tag de script HTML: