Bagaimana untuk Menyimpan Data Kaunter Klik JavaScript ke Pangkalan Data MySQL?

Menyimpan Data daripada JavaScript ke Pangkalan Data MySQL

Masalah:

Mengintegrasikan pembilang klik JavaScript dengan jadual MySQL untuk merekod setiap klik.

Penyelesaian:

JavaScript sahaja tidak boleh berinteraksi secara langsung dengan pangkalan data MySQL, kerana ia berada pada komputer yang berbeza. Untuk merapatkan jurang ini, bahasa sebelah pelayan diperlukan, seperti PHP, Java atau Node.js.

Langkah 1: Wujudkan Sambungan Bahasa Sebelah Pelayan

Pilih bahasa sebelah pelayan (cth., PHP) dan sediakan sambungan pangkalan data menggunakan pemacu pangkalan data yang sesuai.

Langkah 2: Cipta Fungsi Ajax

Gunakan JavaScript Ajax untuk menghantar data dari klien (pelayar) ke pelayan. Fungsi Ajax hendaklah termasuk:

• Jenis permintaan POST
• URL skrip sebelah pelayan
• Data yang akan dihantar (cth., kiraan klik)

Langkah 3: Skrip Sisi Pelayan

Dalam skrip sisi pelayan (cth., PHP):

• Menghuraikan data yang diterima
• Mewujudkan sambungan pangkalan data
• Melaksanakan pernyataan SQL untuk memasukkan/mengemas kini data dalam jadual MySQL
• Jawab permintaan Ajax untuk mengesahkan sama ada data telah disimpan

Contoh Fungsi Ajax:

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

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

Nota:

• Gunakan panggilan jQuery untuk Ajax untuk sokongan silang penyemak imbas dan kod yang lebih bersih.
• Lindungi skrip sebelah pelayan anda untuk mengelakkan input berniat jahat.

Atas ialah kandungan terperinci Bagaimana untuk Menyimpan Data Kaunter Klik JavaScript ke Pangkalan Data MySQL?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!