0

estoy haciendo un ejercicio para aprender la API IndexedDB de html5. Estoy corriendo el siguiente codigo y me da un error que no entiendo cual es. Me podrían ayudar a resolverlo?

El error que me da es:

"Uncaught DOMException: Failed to execute 'transaction' on 'IDBDatabase': One of the specified object stores was not found."

Codigo JS:

function iniciar(){
    cajadatos=document.getElementById('cajadatos');
    var boton=document.getElementById('grabar');
    boton.addEventListener('click', agregarobjeto, false);
    if('webkitIndexedDB' in window){
        window.indexedDB=window.IndexedDB;
        window.IDBTransaction=window.IDBTransaction;
        window.IDBKeyRange=window.IDBKeyRange;
        window.IDBCursor=window.IDBCursor;
        } else if ('mozIndexedDB' in window) {
            window.indexedDB=window.mozIndexedDB;
            };
    var solicitud = indexedDB.open('mibase');
    solicitud.addEventListener('error', errores, false);
    solicitud.addEventListener('success', crear, false);
}

function errores(e){
    alert('Error: '+e.code+' '+e.message);
}

function crear(e){
    bd = e.result || e.target.result;
    if(bd.version == '') {
        var solicitud = bd.setVersion('1.0');
        solicitud.addEventListener('error', errores, false);
        solicitud.addEventListener('success', crearbd, false);
    } else { mostrar();
        };
}

function crearbd() {
    var almacen = bd.createObjectStore('peliculas', {keyPath: 'id'});
    almacen.createIndex('BuscarFecha', 'fecha', {unique: false});
}

function agregarobjeto(){
    var clave = document.getElementById('clave').value;
    var titulo = document.getElementById('texto').value;
    var fecha = document.getElementById('fecha').value;
    var transaccion = bd.transaction(['peliculas'], IDBTransaction.READ_WRITE);
    var almacen = transaccion.objectStore('peliculas');
    var solicitud = almacen.add({id: clave, nombre: titulo, fecha: fecha});
    solicitud.addEventListener('success', mostrar, false);
    document.getElementById('clave').value = '';
    document.getElementById('texto').value = '';
    document.getElementById('fecha').value = '';
}

function mostrar() {
    cajadatos.innerHTML = '';
    var transaccion = bd.transaction(['peliculas']);
    var almacen = transaccion.objectStore('peliculas');
    var cursor = almacen.openCursor();
    cursor.addEventListener('success', mostrarlista, false);
}

function mostrarlista(e){
    var cursor = e.result || e.target.result;
    if(cursor) {
        cajadatos.innerHTML += '<div>' + cursor.value.id + ' - ' + cursor.value.nombre + ' - ' + cursor.value.fecha + '</div>';
        cursor.continue();
    };
}

window.addEventListener('load', iniciar, false);

Codigo HTML:

<!DOCTYPE html>
<html lang="es">
<head>
    <title>IndexedDB API</title>
    <link rel="stylesheet" href="indexed.css">
    <script src="indexed.js"></script>
</head>
<body>
    <section id="cajaformulario">
        <form name="formulario">
            <p>Clave:<br><input type="text" name="clave" id="clave"></p>
            <p>Título:<br><input type="text" name="texto" id="texto"></p>
            <p>Año:<br><input type="text" name="fecha" id="fecha"></p>
            <p><input type="button" name="grabar" id="grabar" value="Grabar"></p>
        </form>
    </section>
    <section id="cajadatos">
        No hay información disponible
    </section>
</body>
</html>
1
  • Buenas estoy teniendo el mismo inconveniente y no encuentro ninguna solucion, pudiste solucionarlo Ignacio? Commented el 25 oct. 2017 a las 8:38

1 respuesta 1

1

No se si te ayudará, pero yo tenía el mismo error y conseguí googleando este código que si me funciona:

var indexedDB = window.indexedDB || window.mozIndexedDB || 
window.webkitIndexedDB || window.msIndexedDB;
var dataBase = null;


function startDB() {
    dataBase = indexedDB.open("cirdmobile", 1);

    dataBase.onupgradeneeded = function (e) {
        active = dataBase.result;
        usuarios = active.createObjectStore("usuarios", { keyPath : 'id', autoIncrement : true });
        var nick = usuarios.createIndex('by_nick', 'nick', { unique : true });
        var password = usuarios.createIndex('by_password', 'password', { unique : false });


    };
    dataBase.onsuccess = function (e) {
        alert('Base de datos cargada correctamente');
    };

    dataBase.onerror = function (e)  {
        alert('Error cargando la base de datos');
    };
}

function add() {
    var active = dataBase.result;
    var data = active.transaction(["usuarios"], "readwrite");
    var object = data.objectStore("usuarios");

    object.put({nick:"nick1",password:"password1"});
    object.put({nick:"nick2",password:"password2"});

    data.oncomplete = function (e) {
        alert('Objeto agregado correctamente');
    };

}

Sólo te quedaría cambiar el hardcode de los datos por los document.getElementById('xx').value;

Espero te ayude

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.