Javascript 如何通过本地服务器上的网站显示、更改和保存值？

我是一个纸笔游戏的女主人，我想为我的团队提供一个小型本地web应用程序，用作角色表

我对所有东西都是全新的，包括服务器、html和javascript。我成功地设置了本地apache服务器，能够访问正确的index.html并对其进行自定义。到目前为止，我非常自豪：）

现在我希望能够把我的数据和天赋放在网站上，然后以某种方式保存。如果再次访问或重新加载网站，也应加载这些整数和字符串。这些值应该在重新启动后仍然有效

我认为每个玩家一个文本文件就像一个保存游戏，但我完全不知道如何用html、javascript甚至c程序访问这些值

---

我研究了一整天，没有找到任何有用的东西。我非常感谢你的帮助

如果您只需要一个简单的数据库，以便您的页面可以加载一些数据，您可以使用本地提供的JSON文件，并使用javascript加载这些文件，如下所示：

JSON文件（player1.JSON）：

JS

HTML

document.getElementById（'playerName'）。innerText=getPlayer（'player1'）。名称；

您需要一个数据库和一些服务器端编程语言的知识。也许一些教程会更好地帮助您，因为这需要大量的经验来设置。谢谢，我研究了PHP和MySQL，现在我有了进展：）

{ "name": "John", "age": 30 }

function getPlayer(playerName) {
  var url = window.location.origin + '/' + playerName + '.json'; // www.site.com/playerName.json
  var request = new XMLHttpRequest();
  xmlHttp.open(window.location.origin, theUrl, false ); // false for synchronous request
  xmlHttp.send( null );

  return JSON.parse(xmlHttp.responseText);
}

<div id="playerName"></div>
<script type="text/javascript"> 
document.getElementById('playerName').innerText = getPlayer('player1').name;
</script>