Javascript 在客户端和服务器之间同步数据？

我对网页设计比较新，我正在制作一个超级简单的网站，我的一些朋友可以在玩DnD时使用，它旨在显示可以实时更改和更新的健康值

正如我提到的：我对网页设计比较新。在客户端和服务器之间同步数据时，有人对从何处开始有好的建议吗？当有人单击某个按钮来增加或减少某个值时，我如何使该更改反映在每个客户端的浏览器上

这是我目前的猜测。使用JSON文件在客户端和服务器之间发送数据是一个好主意吗？我只希望有一个人一次能搞乱价值观。我已经开始研究JSON，但我想听听第二种意见

我正在寻找最简单的方法来实现这一点。我想远离一些可能需要比目前更多知识的东西，尽管我知道我可能需要做更多的学习来学习。提前感谢您的时间

编辑：下面是我要从JSON文件读取的代码。它起作用了

setInterval(function(){
   $.getJSON('json/file.json', function (data) {
   console.log(data);
   document.getElementById("entityOneHealth").innerText = "Health: " + data.health1;
   document.getElementById("entityTwoHealth").innerText = "Health: " + data.health2;
  });
}, 1000);

所以我现在可以从JSON文件中读取它，我所需要的就是找出如何保存对值的更改并存储它们/覆盖JSON文件，以便可以在所有客户机上更新它。最好的办法是什么

编辑2： 在做了一些研究之后，它看起来应该做一些类似于我所需要的事情，但它给了我一个“格式不正确的错误”。Javascript如下：

var rawData = {
"health1": 4,
"health2": 6
};

$.ajax({
   type : "POST",
   url : "some.php",
   data : {
    json : JSON.stringify(rawData)
   }
});

和我的PHP文件：

$json = $_POST['json'];

if (json_decode($json) != null)
{
  $file = fopen('json/your_array.json','w+');
  fwrite($file, $json);
  fclose($file);
}
else
{

}

---

你知道为什么它不能工作吗？

听起来你想要一个能做两件事的服务器。1.接受带有值的POST并将其写入存储（可以在内存、文件或数据库中）。2.允许从存储中查询当前值的获取。要使所有客户端保持同步，您可以让它们定期发出get请求以获取值（轮询），或者您可以使用类似WebSocket的方法在值发生更改时将更改从服务器推送到所有客户端（推送）。JSON是表示数据的理想内容类型。请研究并返回示例代码，以便我们能够help@DvideBy0非常感谢你的帮助！使用GETs，我让服务器读取JSON文件并跨客户端进行更新。我的研究告诉我，PHP是真正写入JSON文件的唯一方法，对吗？我对我读到的关于POST和PHP的内容感到困惑，你建议我从哪里开始？我编辑了原始帖子以包含我的GET代码样本。@DvideBy0我发布了一些我找到并重新编写的代码以适合我的网站，这就是我所寻找的，如果是，我做错了什么？我已经对PHP有了基本的了解，我已经对它做了一些研究，但是我仍然对大部分内容感到困惑。1.接受带有值的POST并将其写入存储（可以在内存、文件或数据库中）。2.允许从存储中查询当前值的获取。要使所有客户端保持同步，您可以让它们定期发出get请求以获取值（轮询），或者您可以使用类似WebSocket的方法在值发生更改时将更改从服务器推送到所有客户端（推送）。JSON是表示数据的理想内容类型。请研究并返回示例代码，以便我们能够help@DvideBy0非常感谢你的帮助！使用GETs，我让服务器读取JSON文件并跨客户端进行更新。我的研究告诉我，PHP是真正写入JSON文件的唯一方法，对吗？我对我读到的关于POST和PHP的内容感到困惑，你建议我从哪里开始？我编辑了原始帖子以包含我的GET代码样本。@DvideBy0我发布了一些我找到并重新编写的代码以适合我的网站，这就是我所寻找的，如果是，我做错了什么？我已经对PHP有了一个基本的了解，我已经对它做了一些研究，但是我仍然对大部分内容感到困惑。