使用 jquery 更新 MySQL 数据库，在页面上显示更新

Posted 2023-02-24

【中文标题】使用 jquery 更新 MySQL 数据库，在页面上显示更新

【英文标题】：Updating MySQL database with jquery, displaying update on page

【发布时间】：2018-08-18 09:15:35

【问题描述】：

标准免责声明——我是编码新手，以前从未使用过 mysql 数据库。我也不知道 php（我知道这个网站上的许多答案都包括使用它）。我确实知道如何使用 node.js（就像我知道如何使用这些...）

我想做的事：有一个简单的“点赞”功能，可以显示有多少用户点赞了某个活动。我知道如何编写一个 onclick 函数，所以知道喜欢正在增加 - 但我需要将它链接到我的数据库，以便从一个会话到下一个会话的喜欢数量。

这是我的数据库架构：

CREATE TABLE `likes` (
`id` INT(11) NOT NULL AUTO_INCREMENT,
`likeCounter` INT(11) NULL DEFAULT '0',
PRIMARY KEY (`id`))

这是我的 jQuery 代码：

$(document).ready(function() 
// counter variable
var counter = 0;
// connect to mysql
var mysql = require("mysql");
// create the connection information for the sql database
var connection = mysql.createConnection(
  host: "localhost",
  port: 3306,
  // Your username
  user: "root",
  // Your password
  password: "root",
  database: "quickiehelp"
);
// connect to the mysql server and sql database
connection.connect(function(err) 
  if (err) throw err;
  // run the start function after the connection is made to prompt the user
  start();
  // counter function
function heartClick() 
  counter++;
  $('.clicks').html(counter);
  $"counter" = mysql_query("UPDATE `likes` SET `likeCounter");


$('#heartContainer').click(function() 
  console.log("alert");
  heartClick();
  $('#heartContainer').toggleClass("animated pulse");
); 

);

【问题讨论】：

我很困惑。如果这是在节点中，在服务器上，为什么需要准备好文档？还有一个点击事件...

对不起，@Taplar。这段代码一团糟，我一直在尝试我所知道的所有事情......我知道如何进行点击等。想象一下，如果一个三岁的孩子正在编码。如果有更好/更简单的方法，我会全力以赴

嗯，这很奇怪。其中一些是节点逻辑，例如对 sql 的调用，因为您不会将其放在前端供用户在他们的检查器中查看。但是你有你的点击逻辑，将在客户端。因此，您似乎在这里缺少的是执行交互的前端与执行数据库逻辑的后端调用之间的链接。这可以通过表单提交或 ajax 来完成。

您能进一步解释一下吗？我不确定您所说的表单提交以链接前端和后端是什么意思

所以你真的不想把你的 sql 东西放在客户端上。因为它拥有用户名、密码以及与数据库结构相关的所有东西给用户。您希望这些东西在后端，在您的服务器上。但是为了执行它，您必须调用包含该逻辑的任何脚本。这将是通过浏览器导航到该脚本、提交给它的表单或请求它的 ajax 请求来访问该脚本。

【参考方案1】：

您的代码说明您只是在 HTML 或 PHP 或任何此类文件中使用一些客户端代码，并且您正在使用 jquery 来管理客户端事件。

您需要使用 ajax（在 jquery 中可用）来访问一些应与数据库服务器交互的服务器端脚本，而不是在客户端拥有此数据库连接和数据库相关逻辑。