Rumah  >  Artikel  >  pangkalan data  >  Bagaimanakah JavaScript boleh menghantar data ke pangkalan data MySQL?

Bagaimanakah JavaScript boleh menghantar data ke pangkalan data MySQL?

DDD
DDDasal
2024-10-30 02:19:28775semak imbas

How can JavaScript send data to a MySQL database?

Cara Menghantar Data daripada JavaScript ke Pangkalan Data MySQL

JavaScript, tidak seperti bahasa pengaturcaraan lain, tidak boleh berkomunikasi secara langsung dengan pangkalan data MySQL kerana persekitaran operasinya yang berbeza. JavaScript beroperasi di bahagian klien (dalam pelayar web), manakala pangkalan data berada di bahagian pelayan. Untuk merapatkan jurang ini, bahasa bahagian pelayan perantara seperti PHP, Java, .Net atau Node.js mesti digunakan untuk pertanyaan pangkalan data.

Penyelesaian

Ikuti langkah ini untuk menyambung JavaScript, PHP dan MySQL:

  1. Tulis skrip PHP (cth., phpfile.php) yang berfungsi sebagai orang tengah antara JavaScript dan MySQL. Skrip ini akan menerima data daripada JavaScript melalui permintaan POST dan melaksanakan operasi pangkalan data.
  2. Dalam kod JavaScript anda, gunakan AJAX (JavaScript Asynchronous dan XML) untuk menghantar data ke skrip PHP. Anda boleh menggunakan perpustakaan jQuery untuk memudahkan panggilan AJAX.
  3. Dalam skrip PHP, gunakan MySQLi atau PDO untuk menyambung ke pangkalan data dan laksanakan pertanyaan.

Kod Contoh

HTML/JavaScript

<code class="html"><script type="text/javascript">
  function countClicks1() {
    // Increment the counter and update the display
    count1 += 1;
    document.getElementById("p1").innerHTML = count1;

    // Send the data to PHP using AJAX
    $.ajax({
      type: "POST",
      url: "phpfile.php",
      data: {
        count: count1,
      },
      success: function (response) {
        console.log(response);
      },
    });
  }
</script>

<p><a href="javascript:countClicks1();">Count</a></p>
<p id="p1">0</p></code>

PHP (phpfile.php)

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

// Connect to the database
$mysqli = new mysqli("localhost", "username", "password", "database_name");

// Insert the count into the database
$mysqli->query("INSERT INTO table_name (count) VALUES ('$count')");

// Close the database connection
$mysqli->close();</code>

Nota

Ingat untuk mengubah suai parameter sambungan (hos, nama pengguna, kata laluan, nama_pangkalan data ) dalam skrip PHP untuk memadankan konfigurasi pangkalan data anda. Selain itu, pastikan anda mencipta pangkalan data, jadual dan lajur yang diperlukan sebelum melaksanakan pertanyaan.

Atas ialah kandungan terperinci Bagaimanakah JavaScript boleh menghantar data ke pangkalan data MySQL?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn