Wie Sie Änderungen an einer Klasse beibehalten, wenn die Seite mit Javascript aktualisiert wird

Question

Ich habe eine Tabelle mit Daten für den Benutzer, um durchzusehen und Änderungen vorzunehmen. Sie haben die Möglichkeit, eine Zeile zu löschen, wenn sie möchten. Wenn sie eine Zeile löschen, sendet sie an die db zurück, welche Zeile gelöscht werden soll. Für den Benutzer wird die Zeile nicht sofort gelöscht, aber es wird eine neue Klasse "gelöscht", die einige Stile hat, um den Benutzer wissen zu lassen, dass es gelöscht wird. Ich habe auch die Seite aktualisiert alle 10 Minuten und wenn es aktualisiert die neue hinzugefügte 'gelöschte' Klasse geht weg.

Wie kann ich erreichen, dass die Klasse in der Zeile bleibt, wenn die Seite aktualisiert wird?

Hier ist die Timer-Funktion für den Timer, um zu wissen, wann die Seite aktualisiert werden soll. Ich benutze Ajax, um die Seite zu aktualisieren.

 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); 
     } 

Würde ich localStorage verwenden? Wenn ja, wie würde ich das tun? Ich bin nicht damit vertraut, lokale Werte oder ähnliches zu speichern.

Answer 1

Ich bin nicht 100% sicher das aber, was so etwas wie dies zu tun:

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

Answer 2

versuchen local mit session über

Session Speichereigenschaft behält einen separaten Speicherbereich für jeden gegebenen Ursprung und für eine Sitzung.

Local Storage macht das Gleiche, bleibt aber auch bestehen, wenn der Browser geschlossen und wieder geöffnet wird.

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