javascript - 如何将 Javascript 变量保存为服务器端变量以便每个人都可以看到它

Question

嘿，我已经四处寻找了大约 2 个小时，但找不到我要找的东西。 我想将 JavaScript 变量转换为服务器端变量，以便在更改它时，每个访问该站点的人都会更改它。我尝试过查看 Node JS、XML、PHP 和 SQL，但我完全不知道我需要哪一个来做这件事。如果你们中的任何人能给我一些东西来研究以实现这一目标，我将不胜感激。

我的代码是一个投票函数，只会将变量加 1，并且我希望它在其他人刷新和访问时保持该变量不变。

JS:

/*global*/ buttonText = "Global Clicks: 0";
/*global*/ amountOfvotes = 0;


function addVote() {
  var newButtonText = buttonText.replace("0", amountOfvotes++);
  document.getElementById('global-respects').innerHTML = newButtonText;
}

谢谢!

Answer 1

有很多解决方案可以用来解决您的问题。我想到的前两件事是(1)经典的客户端-服务器通信，以及(2)网络套接字的使用。好吧，我对 Web 套接字的使用不是那么坚定，所以我描述了“更简单”的客户端-服务器通信。

开始之前的信息:工具和编程语言大多是独立的。但是，例如，您可以在客户端使用 JavaScript，在服务器端使用 PHP。

您需要的第一个是客户端上的一个(例如 JavaScript)变量。您将其称为amountOfVotes(参见最后的图片)。在客户端处于事件状态期间会发生两件事: (1) 如果客户端添加投票，则必须将其发送到服务器； (2) 所有客户都必须保持最新状态。

1. 如果单击添加投票按钮，则您将向服务器应用程序发送一条消息(例如通过 Ajax)。然后，服务器获取当前的amountOfVotes，添加一票，并将其存储(例如，在文件或 mysql 数据库中)。

2. 您的客户需要一个间隔函数。此函数向服务器发送(例如，通过 Ajax)消息以获取当前的 amountOfVotes。服务器使用当前号码进行响应，并且客户端是最新的。