當頁面使用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');