如何将 JavaScript 点击计数器数据保存到 MySQL 数据库？-mysql教程-PHP中文网

如何将 JavaScript 点击计数器数据保存到 MySQL 数据库？

Barbara Streisand

发布： 2024-11-02 02:27:02

原创

242 人浏览过

How to Save JavaScript Click Counter Data to a MySQL Database?

将数据从 JavaScript 保存到 MySQL 数据库

问题：

集成 JavaScript 点击计数器用 MySQL 表记录每次点击。

解决方案：

单独的 JavaScript 无法直接与 MySQL 数据库交互，因为它们驻留在不同的计算机上。为了弥补这一差距，需要使用服务器端语言，例如 PHP、Java 或 Node.js。

第 1 步：建立服务器端语言连接

选择服务器端语言（例如 PHP）并使用适当的数据库驱动程序设置数据库连接。

第 2 步：创建 Ajax 函数

使用 JavaScript Ajax 将数据从客户端（浏览器）发送到服务器。 Ajax 函数应包含：

POST 请求类型
服务器端脚本 URL
要发送的数据（例如点击数）

第 3 步：服务器端脚本

在服务器端脚本（例如 PHP）中：

解析接收到的数据
建立数据库连接
执行SQL语句插入/更新MySQL表中的数据
响应Ajax请求确认数据是否保存

Ajax 函数示例：

<code class="javascript">$.ajax({
    type: "POST",
    url: "phpfile.php",
    data: {
        clickCount: count1
    },
    success: function(response) {
        alert("Data Saved: " + response);
    }
});</code>

登录后复制

PHP 脚本示例：

<code class="php"><?php
$clickCount = $_POST['clickCount'];

$servername = "localhost";
$username = "user";
$password = "password";
$dbName = "database_name";

// Establish database connection
$conn = mysqli_connect($servername, $username, $password, $dbName);

// Prepare and execute SQL statement
$sql = "INSERT INTO click_counts (count) VALUES ($clickCount)";
mysqli_query($conn, $sql);

// Respond to Ajax request
echo "Data Saved: $clickCount";

// Close database connection
mysqli_close($conn);
?></code>

登录后复制

注意：