Выполнение запросов JSONP из JavaScript без внешних библиотек

Для междоменных запросов JSONP в JavaScript внешние библиотеки, такие как jQuery, не всегда необходимы. Вот руководство по достижению этого с помощью чистого JavaScript:

Шаг 1. Создайте функцию обратного вызова

Начните с определения функции обратного вызова для получения и обработки ответа JSONP. В приведенном примере функция foo выполняет эту задачу:

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

Шаг 2. Динамическое создание элемента сценария

Затем создайте элемент

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

Шаг 3. Добавьте элемент Script в DOM

После создания элемента

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

Для современных браузеров вы можете упростить эту строку до:

document.head.appendChild(script);

Пример

Объединив эти шаги, вот полный пример создания запроса JSONP в JavaScript без внешней библиотеки :

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);