javascript - 如何在使用 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() );