IDBRequest: readyState property

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since ⁨July 2015⁩.

Note: This feature is available in Web Workers.

The readyState read-only property of the IDBRequest interface returns the state of the request.

Every request starts in the pending state. The state changes to done when the request completes successfully or when an error occurs.

Value

One of the following strings:

pending: Returned if the request is still ongoing.
done: Returned if the request has already completed.

The following example requests a given record title, onsuccess gets the associated record from the IDBObjectStore (made available as objectStoreTitleRequest.result), updates one property of the record, and then puts the updated record back into the object store in another request. The readyState of the 2nd request is logged to the developer console. For a full working example, see our To-do Notifications app (View the example live).

const title = "Walk dog"; // Open up a transaction as usual const objectStore = db .transaction(["toDoList"], "readwrite") .objectStore("toDoList"); // Get the to-do list object that has this title as its title const objectStoreTitleRequest = objectStore.get(title); objectStoreTitleRequest.onsuccess = () => { // Grab the data object returned as the result const data = objectStoreTitleRequest.result; // Update the notified value in the object to "yes" data.notified = "yes"; // Create another request that inserts the item // back into the database const updateTitleRequest = objectStore.put(data); // Log the readyState of this request console.log( `The readyState of this request is ${updateTitleRequest.readyState}`, ); // When this new request succeeds, run the displayData() // function again to update the display updateTitleRequest.onsuccess = () => { displayData(); }; };