如何使用jquery向数据库提交值？

Question

所以基本上我想创建一个网页来检测用户单击它的次数并将该值发送到数据库。我知道我应该使用ajax，但无法弄清楚如何使用它。

var count = 0;

$("body").click(function() {

$("#track").text("you clicked " + count + " times");

count++;

});

$.ajax({
url: "index.html",
cache: false,
success: function(html){
$("#results").append(count);
}
});

Answer 1

假设以下内容。您：

• 已将AMP Stack与PHP和MySQL一起安装。
• 在MySQL中拥有一个有效的数据库（最常与PHP配合使用）。
• 正在运行网络服务器，并在Chrome中查看HTTP版本而不是文件版本。

我会采用这种方法：

1. 在加载时，我将使用PHP后端从数据库获取当前计数。
   1. 在PHP后端中，我将编写代码以查询MySQL并获取当前值。
   2. 使用单个文件，例如count.php作为文件来获取和设置计数。
   3. 使用GET方法，文件以计数为响应。
   4. 使用AJAX代码并获取计数数据。
   5. 使用jQuery和AJAX的响应，并使用当前计数更新DOM。
2. 一旦加载页面并更新值，请在单击时设置事件侦听器。
   1. 通过再添加一个来更新UI中的当前计数。
   2. 使用与更新UI相同的代码来增加计数。
   3. 使用AJAX向POST发送count.php请求，并发送新值。
   4. 在count.php中，编写一个UPDATE查询以更新计数。
   5. 发送成功消息。
3. 当您重新加载页面或查看数据库时，计数将被保留。