我是网页设计的新手,我制作了一个超级简单的网站,我的一些朋友在玩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
{
}
为什么它不起作用的任何想法?