JavaScript. Подробное руководство, 6-е издание, стр. 289

На практике веб-службы, поддерживающие JSONP, не диктуют имя функции, такое как «handleResponse», которую должны реализовать все клиенты. Вместо этого они используют значение параметра запроса, позволяя клиентам самим указывать имя функции, и применяют его для дополнения ответа. В примере 18.14 для определения имени функции обратного вызова используется параметр «jsonp». Многие службы, поддерживающие JSONP, распознают параметр с эти именем. Также достаточно часто используется параметр с именем «callback», и вы можете изменить программный код примера, чтобы он смог работать со службами, предъявляющими определенные требования.

Пример 18.14 определяет функцию get JS0NP(), которая выполняет запрос на получение данных в формате JSONP. В этом примере есть несколько тонкостей, о которых следует сказать особо. Во-первых, обратите внимание, что пример создает новый элемент

<script>,

устанавливает его URL-адрес и вставляет элемент в документ. Операция вставки вызывает выполнение HTTP-запроса. Во-вторых, для каждого запроса в этом примере создается новая внутренняя функция обратного вызова, которая сохраняется в свойстве самой функции

getJSONP().

Наконец, эта функция обратного вызова выполняет необходимые заключительные операции: она удаляет элемент <script> и саму себя.

Пример 18.14. Выполнение запросов на получение данных в формате JSONP с помощью элемента

<script>

<b>// Выполняет запрос по указанному URL-адресу на получение данных в формате JSONP и передает </b>

<b>// полученные данные указанной функции обратного вызова. Добавляет в URL параметр запроса </b>

// с именем ''jsonp'', чтобы указать имя функции обратного вызова, 

function getJS0NP(иrl, callback) {

 // Создать для данного запроса функцию с уникальным именем

 var cbnum = "cb" + getJSONP.counter++; // Каждый раз увеличивать счетчик

 var cbname = "getJSONP.” + cbnum; // Как свойство этой функции

<b>  // Добавить имя функции в строку запроса url, используя формат представления данных </b>

<b>  // HTML-форм. Здесь используется параметр с именем &quot;jsonp&quot;. Некоторые веб-службы </b>

<b>  // с поддержкой JSONP могут использовать параметр с другим именем, таким как &quot;callback&quot;,</b>

 if (url.indexOfC?") === -1) // URL еще не имеет строки запроса

<b>    url += &quot;?jsonp=&quot; + cbname; // добавить параметр как строку запроса</b>

 else // В противном случае

 url += "&jsonp=" + cbname; // добавить как новый параметр.

 // Создать элемент script, который отправит запрос

 var script = document.createElement("script");

 // Определить функцию, которая будет вызвана сценарием

 getJSONP[cbnum] = function(response) {

 try {

 callback(response); // Обработать данные

 }

 finally { // Даже если функция или ответ возбудит исключение

 delete getJSONP[cbnum]; // Удалить эту функцию

 script.parentNode.removeChild(script); // Удалить элемент script

 }

 };

 // Инициировать HTTP-запрос

 script.src = url; // Указать url-адрес элемента

 document.body.appendChild(script); // Добавить в документ

}

<b>getJSONP.counter = 0; // Счетчик, используемый для создания уникальных имен</b>

18.3. Архитектура Comet на основе стандарта «Server-Sent Events»

Проект стандарта «Server-Sent Events» определяет объект

EventSource

, который делает практически тривиальным создание приложений с архитектурой Comet. При его использовании достаточно передать URL-адрес конструктору

EventSource()

и затем обрабатывать события «message» в полученном объекте:

var ticker = new EventSourcefstockprices. php”);

ticker.onmessage = function(e) {

 var type = e.type;

 var data = e.data;

// Обработать строки type и data.

}

Объект события «message» имеет свойство

data

, хранящее строку, отправленную сервером с этим событием в качестве полезной нагрузки. Кроме того, объект события имеет свойство

type

, как и все другие объекты событий. По умолчанию это свойство имеет значение «message», но источник события может указать в этом свойстве другую строку. Все события от данного сервера, источника событий, обрабатываются единственным обработчиком

onmessage

, который при необходимости может передавать их другим обработчикам, опираясь на свойство

type

объекта события.

Протокол обмена, определяемый стандартом «Server-Sent Event», достаточно прост. Клиент устанавливает соединение с сервером (когда создает объект

EventSource

), а сервер сохраняет это соединение открытым. Когда происходит событие, сервер передает через соединение текстовую строку. Передача события через сеть выглядит примерно следующим образом: