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

时间:2016-10-18 03:10:47

标签: javascript jquery json server synchronization

我是网页设计的新手,我制作了一个超级简单的网站,我的一些朋友在玩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
{

}

为什么它不起作用的任何想法?

0 个答案:

没有答案