javascript - 如何实时更新 localStorage.length() 上的数据

Question

如何在不重新加载页面的情况下更新数据localStorage.length？

事件点击时，localStorage.SetItem(Item.name, count)然后使用函数.text(localStorage.length)对其进行数据更新，但数据未更新。谢谢

Answer 1

当您刷新页面时，您会加载最后的localStorage.length。但是，当您重置购物车时，您会执行 localStorage.clear(); 操作，以便清空 localStorage。在下一行中，您更改购物车文本:$('#cart_total').text('(' + storageCount + ')'); 并加载变量 storageCount，但问题是您从未更新过该变量。

使用这个:

$('#reset').on('click', function() {
   localStorage.clear();
   $('#cart_total').text('(' + localStorage.length + ')');
});