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

<b>    // На этот раз нам требуется получить индекс по названиям городов</b>

 var index = store.index(”cities");

<b>    // Этот запрос может вернуть несколько результатов, поэтому, чтобы</b>

<b>    // получить их все, следует использовать объект курсора. Чтобы создать</b>

<b>    // курсор, нужно создать объект диапазона, представляющий диапазон ключей</b>

 var range = new IDBKeyRange.only(city); // Диапазон с одним ключом

 // Все, что выше, выполняется синхронно.

<b>    // Теперь нужно запросить курсор, который возвращается асинхронно,</b>

 var request = index.openCursor(range); // Запросить курсор

 request.onerror = logerr; // Сообщать об ошибках

 request.onsuccess = function() { // Передать курсор этой функции

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

<b>      // для каждой записи, соответствующей запросу, и еще один раз</b>

<b>      // с пустым курсором, указывающим на окончание результатов,</b>

 var cursor = request.result // Курсор в свойстве

 request.result if (!cursor) return; // Нет курсора = нет результатов

 var object = cursor.value // Получить совпавшую запись

 callback(object); // Передать ее указанной функции

 cursor.continue(); // Запросить следующую запись

 };

 });

}

<b>// Эта функция используется обработчиком onchange в документе ниже.</b>

// Она выполняет запрос к БД и отображает результаты

function displayCity(zip) {

 lookupCity(zip, function(s) { document.getElementById('city').value=s; });

}

<b>// Это другая функция, используемая обработчиком onchange в документе ниже.</b>

// Она выполняет запрос к БД и отображает результаты

function displayZipcodes(city) {

 var output = document.getElementById("zipcodes");

 output.innerHTML = "Найденные индексы:";

 lookupZipcodes(city, function(o) {

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

 var text = o.zipcode + ": + o.city + ", " + o.state;

 div.appendChild(document.createTextNode(text));

 output.appendChild(div);

 });

}

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

<b>// функции f(). Эта функция вызывается функцией withDB(), если база данных еще не была </b>

<b>// инициализирована. Это самая хитрая часть программы, поэтому мы оставили ее напоследок, </b>

function initdb(db, f) {

<b>  // Загрузка информации о почтовых индексах и сохранение ее в базе данных может</b>

<b>  // потребовать некоторого дополнительного времени при первом запуске этого</b>

<b>  // приложения. Поэтому необходимо вывести сообщение, извещающее о выполнении операции,</b>

 var statusline = document.createElement("div");

 statusline.style.cssText =

 "position:fixed; left:0px; top:0px; width:100%;" +

 "color:white; background-color: black; font: bold 18pt sans-serif;" +

 "padding: 10px; ";

 document.body.appendChild(statusline);

 function status(msg) { statusline.innerHTML = msg.toString(); };

 status("Инициализация базы данных почтовых индексов");

<b>  // Единственное место, где можно определить или изменить структуру</b>

 // базы данных IndexedDB - обработчик onsucess запроса setVersion.

 var request = db.setVersion("1"); // Попробовать изменить версию БД

 request.onerror = status; // Вывести сообщение в случае ошибки

 request.onsuccess = function() { // Иначе вызвать эту функцию

<b>    // База данных почтовых индексов включает единственное хранилище.</b>

 // Оно хранит объекты следующего вида: {

<b>    // zipcode: &quot;02134&quot;, // Отправьте на телепередачу Zoom!<a name="read_bookmark_60_back" href="#read_bookmark_60" class="note">[60]</a>:-)</b>