javascript - 如何在不刷新页面的情况下，点击按钮后显示本地存储的内容？

Question

我希望在单击提交按钮时显示本地存储的内容，而无需刷新页面。在手动刷新页面之前我看不到所做的更改

该函数处理页面加载。单击按钮时，它会显示错误的数据。只有手动刷新页面时才会显示正确的数据。

const loadData = () =>
  document.querySelector('body').addEventListener('load', displayStorage());

这是处理保存的事件监听器:

notesForm.addEventListener('submit', e => {
  e.preventDefault();
  const save = (sid, spost, sdate) => {
    const obj = { id: sid, post: spost, date: sdate };
    localStorage.setItem(`${sid}`, JSON.stringify(obj));
  };
  save(generateId(), post.value, dateFormat());
  loadData();
});

Answer 1

loadData 函数只是添加一个事件监听器。它不显示 localStorage 中的数据。

尝试用 displayStorage() 替换提交回调中的 loadData() 调用。