tengo un proyecto Se trata de que las personas busquen algo en la página de búsqueda y cuando regresen a la página de inicio, el historial de búsqueda se mostrará en la página de inicio. Empujé los datos de búsqueda al almacenamiento local, con clave y valor. El problema es que no sé cómo mostrarlo en mi página html. ¿Has trabajado con lo mismo que yo? Muchas gracias. Necesita algún comentario para resolver mi problema.
<section class="container mb-5"> <div class="row"> <h2 id="div_title" class="ttl-art01">検索履歴<span class="title"></span></h2> </div> <ul class="accordion-area"> <li> <section id="list_box"> <div class="box-active"> </div> <div class="box"> </div> <div class="box"> </div> <div class="box"> </div> <div class="box"> </div> </section> </li> </ul>Y este es mi guion
<script type="text/javascript"> function getData() { return this.$storage.get('listKey'); } window.onload = function () { const div = document.querySelectorAll("#list_box > div"); const tdiv = div.parentNode; const data = getData(); for (let i = 1; i< data.length; i++) { tdiv.appendChild(div.cloneNode(true)); } data.forEach((row, i) => Object.keys(row).forEach(prop => tdiv.rows[i+1].querySelector('.' + prop).textContent = row[prop]); ); }En su código, hace referencia al almacenamiento local como this.$storage, no estoy seguro de qué contenedor es o de qué biblioteca, pero supondré que desea interactuar con HTML5 localStorage.
localStorage almacena cadenas, por lo que si desea almacenar una estructura de datos más compleja, debe transformarla.
Puede transformar una array o un object utilizando el método JSON.stringify .
Para obtener el contenido del almacenamiento local en un momento posterior y si NO ES una cadena simple, usaría el método JSON.parse .
En el siguiente código, puede ver que getFromLocalStorage y saveToLocalStorage usan los métodos JSON.parse y JSON.stringify respectivamente.
<script type="text/javascript"> function getFromLocalStorage(localStorageKey = "items") { return JSON.parse(localStorage.getItem(localStorageKey)) || []; } function saveToLocalStorage(localStorageKey = "items", value) { const items = getFromLocalStorage(); const newItems = [...items, value]; localStorage.setItem("items", JSON.stringify(newItems)); } window.onload = function () { const items = getFromLocalStorage(); items.forEach((item) => { // do something with items. }); }; </script>