更新表元素而无需读/写数据库

时间:2019-05-16 14:52:46

标签: javascript html css database

目前,我有一个如下表: enter image description here

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

有没有一种方法可以无需读取/写入数据库?

1 个答案:

答案 0 :(得分:0)

您可以使用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