如何在使用Javascript刷新页面时保持对类的更改

时间:2017-01-19 16:30:39

标签: javascript php jquery html ajax

我有一个数据表供用户查看并进行更改。如果需要,他们可以选择删除行。当他们删除一行时,它会向db发回要删除的行。对于用户来说,该行不会立即删除,但会删除一个新的“#”;有一些样式让用户知道它被删除了。我还每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吗?如果是这样,我将如何实际做到这一点?我不熟悉存储本地值或类似的东西。

2 个答案:

答案 0 :(得分:2)

我不是百分之百确定这个,但是做这样的事情呢?

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

答案 1 :(得分:2)

尝试在localstorage上使用sessionstorage

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

本地存储执行相同操作,但即使关闭并重新打开浏览器也会保留。

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