0
174
VistasDatos del almacenamiento local que se agregan a HTML
Mi almacenamiento local ahora funciona bien: está almacenando los datos en una sola clave.
Sin embargo, cuando intento agregar los datos en HTML, obtengo este resultado al agregar. Por favor, vea la imagen de abajo.
Además, puedes ver mi código aquí. Realmente aprecio su ayuda chicos. Paso a paso, ahora entiendo el almacenamiento local, pero tengo un bloqueo en este. ¿Alguien puede ayudarme? Gracias de antemano.
https://jsfiddle.net/ricobenviaje11/rp8kqtd9/12/
$("document").ready(function(){ var iDataHandler = []; $(".save").on("click", function() { if(typeof(Storage) !== "undefined") { if(localStorage.getItem('iDataHandler') && localStorage.getItem('iDataHandler').length > 0) iDataHandler = JSON.parse(localStorage.getItem('iDataHandler')); DataHandler = { 'title': $("#txtbox-1").val(), 'para': $("#txtbox-2").val(), 'para1': $("#txtbox-3").val(), }; iDataHandler.push(DataHandler); localStorage.setItem('iDataHandler', JSON.stringify(iDataHandler)); } // appending data for (var i = 0; i < Object.keys(iDataHandler).length; i++) { Object.keys(iDataHandler)[i] $('.sNote').append( '<div class="list-item" data-postid"'+Object.keys(iDataHandler)[i]+'">'+iDataHandler[(Object.keys(iDataHandler)[i])]+ '</div><div class="close"><i class="fas fa-times"></i></div>' ); } }); }); <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <input type="text" name="" id="txtbox-1"> <input type="text" name="" id="txtbox-2"> <input type="text" name="" id="txtbox-3"> <div class="save"> Save </div> <div class="sNote"></div> 
·
Juan Pablo Isaza
1 Respuestas
Responde la pregunta0
Debe poner esto donde agrega datos al list-item
// appending data for (var i = 0; i < Object.keys(iDataHandler).length; i++) { $('.sNote').append( '<div class="list-item" data-postid"'+JSON.stringify(iDataHandler[(Object.keys(iDataHandler)[i])])+ '</div><div class="close"><i class="fas fa-times"></i></div>' ); }
·
Juan Pablo Isaza
Denunciar
Responde la pregunta