在不读取/写入数据库的情况下更新表元素答案

【问题标题】：Update Table Element without Reading/Writing to A Database在不读取/写入数据库的情况下更新表元素
【发布时间】：2019-05-16 14:52:46
【问题描述】：

目前我有一个如下所示的表：

现在我想做的是，当有人单击复选标记按钮时，它会切换到其他图标（可能是任何东西）但是，我想要它，以便在页面刷新时，该图标不是绿色复选标记现在标记但新图标。

有没有一种方法可以不读取/写入数据库？

【问题讨论】：

是的，你可以使用 localStorage 或 sessionStorage

标签： javascript html css database

【解决方案1】：

您可以使用 cookie，以便将此信息保存为浏览器中的字典：

使用此功能，您可以保存 cookie：

function setCookie(cname, cvalue, exdays) {
  var d = new Date();
  d.setTime(d.getTime() + (exdays*24*60*60*1000));
  var expires = "expires="+ d.toUTCString();
  document.cookie = cname + "=" + cvalue + ";" + expires + ";path=/";
}

注意：exdays 参数定义了 cookie 的过期天数。

这样即使刷新浏览器也可以获取cookie的值：

function getCookie(cname) {
  var name = cname + "=";
  var decodedCookie = decodeURIComponent(document.cookie);
  var ca = decodedCookie.split(';');
  for(var i = 0; i <ca.length; i++) {
    var c = ca[i];
    while (c.charAt(0) == ' ') {
      c = c.substring(1);
    }
    if (c.indexOf(name) == 0) {
      return c.substring(name.length, c.length);
    }
  }
  return "";
}

如果您需要更多信息，可以在这里找到：https://www.w3schools.com/js/js_cookies.asp

【讨论】：