Tengo una interfaz que envía una identificación automáticamente cuando alguien visita una URL, como /products/1, /products/2, envía la identificación como 1 o 2 al servidor, luego el servidor envía una respuesta para esa identificación al navegador, ahora quiero guardar esta respuesta en localStorage, pero cuando alguien visita, /1 guarda la respuesta en el almacenamiento local, pero ahora cuando alguien visita, /2 reemplaza el valor de almacenamiento local anterior en lugar de agregar uno nuevo, ¿cómo puedo mantener sobre agregar nuevos datos a localStorage en lugar de actualizar el valor anterior?
fetch("/apps/proxy/sendid", { method: "POST", headers: {'Content-Type': 'application/json'}, body: JSON.stringify(jspid) }).then(function (response) { // The API call was successful! console.log(response); return response.json(); }).then(function (data) { // This is the JSON from our response // This is the JSON from our response console.log(data); const productsDetails = []; productsDetails.push(data); localStorage.setItem('future', JSON.stringify(productsDetails)); }).catch(function (err) { // There was an error console.warn('Something went wrong.', err); }); }Primero, obtenga los artículos actuales de localStorage y asígnelos a productsDetails . Luego agregue los siguientes elementos a la matriz.
let productsDetails = localStorage.getItem('future'); if(null === productsDetails) { productsDetails = []; } productsDetails.push(data); localStorage.setItem('future', JSON.stringify(productsDetails));