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

 IDBTransaction.READ_WRITE);

 // Получить ссылку на хранилище из объекта транзакции

 var store = transaction.objectStore("zipcodes");

<b>        // Теперь обойти в цикле строки в файле с почтовыми индексами,</b>

<b>        // создать на их основе объекты и добавить их в хранилище.</b>

 for(var і = 0; і < lines.length; i++) {

 var fields = lines[i].split(",");// Значения через запятую

 var record = { // Сохраняемый объект

 zipcode: fields[0], // Все свойства - строки

 city: fields[1],

 state: fields[2],

 latitude: fields[3],

 longitude: fields[4]

 };

 // Вся прелесть IndexedDB API в том, что хранилище

 // объектов *по-настоящему* просто использовать.

 // Следующая строка добавляет запись:

 store.put(record); // Или add(), чтобы избежать затирания

 }

 status("Инициализация базы данных, загружено записей:

 + numlines + ".");

 }

 if (e.type == "load") {

<b>        // Если это было последнее событие load, значит, мы отправили в базу</b>

<b>        // данных все сведения о почтовых индексах. Но, так как мы только</b>

<b>        // что обработали порядка 40000 записей, они все еще могут записываться</b>

<b>        // в хранилище. Поэтому мы выполним простой запрос. Когда он будет</b>

<b>        // успешно выполнен, это послужит сигналом, что база данных готова</b>

<b>        // к работе, и наконец можно удалить строку сообщения и вызвать</b>

<b>        // функцию f(), которая так давно была передана функции withDB()</b>

 lookupCity("02134",

 function(s) { // Allston, MA

 document.body.removeChild(statusline); withDB(f);

 });

 }

}

</script>

</head>

<body>

<р>Введите почтовый индекс, чтобы отыскать город:</р>

Индекс: <input onchange="displayCity(this.value)"></input>

Город: <output id="city"></output>

</div>

<div>

<b>  &lt;р&gt;Введите название города (с учетом регистра символов, без названия штата),</b>

<b>   чтобы отыскать все города с этим названием и их почтовые индексы:&lt;/р&gt;</b>

 Город: <input onchange="displayZipcodes(this.value)"></input>

 <div id="zipcodes"></div>

</div>

<b>&lt;р&gt;&lt;і&gt;Зтот пример работает только в Firefox 4 и Chrome 11.&lt;/i&gt;&lt;/p&gt;</b>

<b>&lt;р&gt;&lt;і&gt;Выполнение первого запроса может занять длительное время.&lt;/і&gt;&lt;/р&gt;</b>

<р><і>Вам может потребоваться запустить Chrome с 

ключом --unlimited-quota-for-indexeddb

</body>

</html>

22.9. Веб-сокеты

В главе 18 демонстрируется, как клиентские сценарии на языке JavaScript могут взаимодействовать с серверами по сети. Все примеры в этой главе используют протокол HTTP, а это означает, что все они ограничены исходной природой протокола HTTP: этот протокол, не имеющий информации о состоянии, состоит из запросов клиента и ответов сервера. Протокол HTTP фактически является узкоспециализированным сетевым протоколом. Более универсальные сетевые взаимодействия через Интернет (или через локальные сети) часто реализуются с использованием долгоживущих соединений и обеспечивают двунаправленный обмен сообщениями через TCP-сокеты. Довольно небезопасно предоставлять клиентскому сценарию на языке JavaScript доступ к низкоуровневым ТСР-сокетам, однако спецификация «WebSocket АРІ» определяет безопасную альтернативу: она позволяет клиентским сценариям создавать двунаправленные соединения с серверами, поддерживающими протокол веб-сокетов. Это существенно упрощает решение некоторых сетевых задач.

Прикладной интерфейс веб-сокетов удивительно прост в использовании. Сначала необходимо создать сокет с помощью конструктора

WebSocket():