openCursor()
方法在
IDBIndex
interface returns an
IDBRequest
object, and, in a separate thread, creates a
cursor
over the specified key range.
The method sets the position of the cursor to the appropriate record, based on the specified direction.
result
property of the event is set to the new
IDBCursorWithValue
object; the
值
of the cursor object is set to a structured clone of the referenced value.
result
property of the event is set to
null
.
var request = myIndex.openCursor(); var request = myIndex.openCursor(range); var request = myIndex.openCursor(range, direction);
IDBKeyRange
to use as the cursor's range. If nothing is passed, this will default to a key range that selects all the records in this object store.
IDBRequest
object on which subsequent events related to this operation are fired.
此方法可能引发
DOMException
of one of the following types:
| 异常 | 描述 |
|---|---|
TransactionInactiveError
|
This
IDBIndex
's transaction is inactive.
|
TypeError
|
The value for the direction parameter is invalid. |
DataError
|
The key or key range provided contains an invalid key. |
InvalidStateError
|
IDBIndex
has been deleted or removed.
|
In the following example we open a transaction and an object store, then get the index
lName
from a simple contacts database. We then open a basic cursor on the index using
openCursor()
— this works the same as opening a cursor directly on an
ObjectStore
使用
IDBObjectStore.openCursor
except that the returned records are sorted based on the index, not the primary key.
Finally, we iterate through each record, and insert the data into an HTML table. For a complete working example, see our IDBIndex-example demo repo ( View the example live )。
function displayDataByIndex() {
tableEntry.innerHTML = '';
var transaction = db.transaction(['contactsList'], 'readonly');
var objectStore = transaction.objectStore('contactsList');
var myIndex = objectStore.index('lName');
myIndex.openCursor().onsuccess = function(event) {
var cursor = event.target.result;
if(cursor) {
var tableRow = document.createElement('tr');
tableRow.innerHTML = '<td>' + cursor.value.id + '</td>'
+ '<td>' + cursor.value.lName + '</td>'
+ '<td>' + cursor.value.fName + '</td>'
+ '<td>' + cursor.value.jTitle + '</td>'
+ '<td>' + cursor.value.company + '</td>'
+ '<td>' + cursor.value.eMail + '</td>'
+ '<td>' + cursor.value.phone + '</td>'
+ '<td>' + cursor.value.age + '</td>';
tableEntry.appendChild(tableRow);
cursor.continue();
} else {
console.log('Entries all displayed.');
}
};
};
| 规范 | 状态 | 注释 |
|---|---|---|
|
索引数据库 API 2.0
The definition of 'openCursor()' in that specification. |
推荐 | |
|
索引数据库 API 草案
The definition of 'openCursor()' in that specification. |
推荐 |
| 桌面 | 移动 | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
openCursor
|
Chrome
24
|
Edge 12 |
Firefox
16
|
IE 部分支持 10 | Opera 15 | Safari 7 |
WebView Android
Yes
|
Chrome Android 25 | Firefox Android 22 | Opera Android 14 | Safari iOS 8 | Samsung Internet Android 1.5 |
完整支持
部分支持
要求使用供应商前缀或不同名称。
IDBDatabase
IDBTransaction
IDBKeyRange
IDBObjectStore
IDBCursor
IDBIndex
count()
get()
getAll()
getAllKeys()
getKey()
openCursor()
openKeyCursor()
IDBCursor
IDBCursorSync
IDBCursorWithValue
IDBDatabase
IDBDatabaseException
IDBDatabaseSync
IDBEnvironment
IDBEnvironmentSync
IDBFactory
IDBFactorySync
IDBIndexSync
IDBKeyRange
IDBObjectStore
IDBObjectStoreSync
IDBOpenDBRequest
IDBRequest
IDBTransaction
IDBTransactionSync
IDBVersionChangeEvent
IDBVersionChangeRequest