將用戶更改保存到 HTML 應用程序的最佳方法是什么？

Question

我目前正在這個網站上工作https://idle-chicken.glitch.me/chicken.html我正在努力保存用戶的進度（他們購買的物品，他們的雞蛋，成本等）現在的數量雞蛋作為餅干，但我想知道是否有辦法保存對 JavaScript 和 HTML 的所有更改。 如果這是一個愚蠢的問題，我很抱歉我可以使用 jQuery Javascript 或 AJAX （我認為你是這樣做的）？

這就是我現在正在做的

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=/";
}

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

function checkCookie() {
  var cookie = getCookie("eggs");
  if (cookie != "") {
     eggs = cookie;
  } else {
      setCookie("eggs", eggs, 365);
  }
}

$(window).bind("beforeunload", function() {
  setCookie("eggs", eggs, 365);
  if (notThis) {
    return "Do you want to exit this page?";
  }
});

然后我為 HTML 執行此操作

<body onload="checkCookie()">

Answer 1

我自己現在實際上正在從事類似的任務。 Cookies 相當有限。 我建議將所有這些信息存儲在window.localStorage或window.sessionStorage對象中，具體取決於您希望將數據存儲在用戶設備上的持久性。 這是保存各種數據的好方法，無論是字符串、數字、JSON 還是轉義的 HTML 代碼。

Digital Ocean 在這里有一篇很棒的文章： https://www.digitalocean.com/community/tutorials/js-introduction-localstorage-sessionstorage

將用戶更改保存到 HTML 應用程序的最佳方法是什么？

問題描述

1 個解決方案

解決方案1
1 2021-02-22 23:27:00

將用戶更改保存到 HTML 應用程序的最佳方法是什么？

問題描述

1 個解決方案

解決方案1 1 2021-02-22 23:27:00

解決方案1
1 2021-02-22 23:27:00