时间戳

首页 > 解决方案 > 如何使用 jquery 向数据库提交值？

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

问题描述

所以基本上我想制作一个网页来检测用户点击它的次数并将该值发送到数据库。我知道我应该使用 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);
}
});

标签： javascriptphpjqueryajaxdatabase

解决方案

假设以下事情。你：

  • 使用 PHP 和 MySQL 安装 AMP Stack。
  • 在 MySQL 中有一个工作数据库（最常与 PHP 一起使用）。
  • 正在运行 Web 服务器并查看 HTTP 版本而不是 Chrome 中的文件版本。

我会采用这种方法：

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

推荐阅读