Realización de solicitudes JSONP desde JavaScript sin bibliotecas externas

Para solicitudes JSONP entre dominios en JavaScript, las bibliotecas externas como jQuery no siempre son necesarias. Aquí hay una guía para lograr esto usando JavaScript puro:

Paso 1: crear una función de devolución de llamada

Comience definiendo una función de devolución de llamada para recibir y procesar la respuesta JSONP. En el ejemplo proporcionado, la función foo realiza esta tarea:

function foo(data) {
  // Do something with the JSON response here
}

Paso 2: Crear dinámicamente un elemento de secuencia de comandos

A continuación, cree un elemento

var script = document.createElement('script');
script.src = '//example.com/path/to/jsonp?callback=foo';

Paso 3: agregue el elemento Script al DOM

Una vez que el elemento

document.getElementsByTagName('head')[0].appendChild(script);

Para navegadores modernos, puede simplificar esta línea a:

document.head.appendChild(script);

Ejemplo

Reuniendo estos pasos, aquí hay un ejemplo completo de cómo realizar una solicitud JSONP en JavaScript sin una biblioteca externa :

function foo(data) {
  // Do stuff with JSON
}

var script = document.createElement('script');
script.src = '//example.com/path/to/jsonp?callback=foo'

document.head.appendChild(script);