如何將 JavaScript 點擊計數器資料儲存到 MySQL 資料庫？

將資料從JavaScript 儲存到MySQL 資料庫

問題：

問題：

解決方案：

單獨的 JavaScript 無法直接與 MySQL 資料庫交互，因為它們駐留在不同的電腦上。為了彌補這一差距，需要使用伺服器端語言，例如 PHP、Java 或 Node.js。

第 1 步：建立伺服器端語言連線

選擇伺服器端語言（例如 PHP）並使用適當的資料庫驅動程式設定資料庫連線。

第 2 步：建立 Ajax 函數

使用 JavaScript Ajax 將資料從客戶端（瀏覽器）傳送到伺服器。 Ajax 函數應包含：

• POST 請求類型
• 伺服器端腳本URL
• 要傳送的資料（例如點擊數）

要傳送的資料（例如點擊數）

第3 步：伺服器端腳本

• 在伺服器端腳本（例如PHP）：
• 解析接收到的資料
• 建立資料庫連線
• 執行SQL語句插入/更新MySQL表中的資料

回應Ajax請求確認資料是否儲存

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

Ajax 函數範例：

<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>

PHP 腳本範例：

注意：
• 注意：

保護您的伺服器端腳本以防止惡意輸入。

以上是如何將 JavaScript 點擊計數器資料儲存到 MySQL 資料庫？的詳細內容。更多資訊請關注PHP中文網其他相關文章！