当页面使用Javascript刷新时，如何保持对类所做的更改

Question

我有一张数据表供用户浏览和更改。 他们可以选择删除行。 当他们删除一行时，它会将要删除的行发送回数据库。 对于用户而言，该行不会立即删除，但是它将获得一个新的“已删除”类，该类具有一些样式，可以让用户知道它正在被删除。 我还每10分钟刷新一次页面，刷新时，新添加的“已删除”类消失。

如何刷新页面刷新时类仍停留在行上？

这是计时器功能，计时器可以知道何时刷新页面。 我正在使用ajax刷新页面。

        function startClock() {
          // Get the time to stop the effect
          var stopTime = new Date();
          stopTime.setMinutes(stopTime.getMinutes() + 10);
          // Get a reference to the timer so it can be cancelled later
          timer = setInterval(function () {
              // Check to see if the timer should stop
              var currentTime = new Date();
              if (currentTime < stopTime) {
                  triggerDataTable(); //refresh dataTable
                  var randomnumber = Math.floor(Math.random() * 100);
              } else {
                  // Stop the timer
                  clearInterval(timer);
              }
          }, 600000);
      }

我会使用localStorage吗？ 如果是这样，我实际上将如何做？ 我不熟悉存储本地值或类似的东西。

Answer 1

我不是对此有100％的把握，但是做这样的事情怎么办：

var deletedRow = $(".deleted");
localStorage.setItem( deletedRow, $(".deleted").val() );

Answer 2

尝试在本地存储上使用sessionstorage

会话存储属性为每个给定的来源和会话维护一个单独的存储区域。

本地存储执行相同的操作，但是即使关闭并重新打开浏览器也可以保留。

sessionStorage.setItem('item', value);
sessionStorage.getItem('item');