如何将数据从静态 html 页面发送到服务器？答案

【问题标题】：How to send data from static html page to a server?如何将数据从静态 html 页面发送到服务器？
【发布时间】：2017-07-18 15:42:58
【问题描述】：

有没有办法像谷歌分析那样将数据从任何静态 html 页面发送到服务器。基本上，我想构建一个应用程序来计算任何 html 文件的元素点击次数，并将其存储到数据库中，以便稍后显示给用户。

编辑：请记住，我向其发送数据的数据库和我从中请求数据的 html 文件不是托管在同一服务器中。

【问题讨论】：

这取决于“静态 html 页面”的实际含义。 HTML 标记根据定义是静态的。您需要在客户端使用 javascript 来执行您想要执行的 any 操作。如果你这样做了，那么肯定，答案是“是的，有办法”。
听起来您正在寻找 Ajax。它允许您使用 Javascript 向其他页面发出请求，而无需重新加载页面。
我的意思是静态html页面，html文件和数据库托管在不同的服务器上。
@Magnus Eriksson 如果我发送文件的 html 文件和数据库不在同一台服务器上，该怎么办？
只需搜索“Ajax Cross Origin”或“Ajax CORS”，您就会找到解决方案。

【解决方案1】：

您可以使用该 AJAX、Iframe 或跟踪像素。我认为最好的解决方案是使用 Tracking Pixel。

跟踪像素（也称为 1x1 像素或像素标签）是一种图形当用户访问网站或打开电子邮件时加载，并且用于跟踪某些用户活动。跟踪像素也可以是用于获取在线营销、网络分析的统计数据，或电子邮件营销。这些信息可以用于不同的通过日志文件分析目的。

这意味着您只需向您的跟踪系统发出 HTTP GET 请求。例如，您可以添加：

<img src="http://example.com/tracker.php?target=page1&t=12154565612" />

通过这种方式，您可以通过 GET 参数将任何数据传递给跟踪服务器（不要忘记添加时间戳作为参数之一，它会让您逃脱缓存）。

【讨论】：

由于 OP 正在寻找类似于 Google Analytics 的东西，我认为表单是不可能的。您的答案应该真正包含一个示例，而不仅仅是一个链接。如果链接发生更改，则此答案对未来的访问者毫无用处。在您的问题中添加示例，只需添加链接以供参考/更深入阅读。（不，我不是投票者）
更新了我的答案