Bagaimana untuk Menghantar Data dari JavaScript ke Pangkalan Data MySQL Menggunakan Ajax dan PHP?

Cara menghantar data daripada Javascript ke pangkalan data MySQL

Dalam artikel ini, kami akan meneroka cara menghantar data daripada JavaScript ke pangkalan data MySQL menggunakan Ajax dan PHP.

Memahami batasan JavaScript

JavaScript, dengan sendirinya, tidak boleh berinteraksi secara langsung dengan pangkalan data MySQL kerana ia berjalan pada bahagian klien (dalam penyemak imbas), manakala pangkalan data biasanya berada di bahagian pelayan.

Menyambung JavaScript dan MySQL menggunakan PHP

Untuk merapatkan jurang ini, kita perlu menggunakan bahasa bahagian pelayan pertengahan seperti PHP. Kami boleh mencipta fail PHP yang akan berfungsi sebagai jambatan antara JavaScript dan pangkalan data MySQL.

Menghantar data menggunakan Ajax

Ajax (Asynchronous JavaScript dan XML) membenarkan kami untuk membuat permintaan kepada pelayan dan mengemas kini bahagian halaman web tanpa memuatkan semula keseluruhan halaman. Dalam kes kami, kami akan menggunakan Ajax untuk menghantar data daripada JavaScript ke fail PHP yang mengendalikan interaksi pangkalan data.

Skrip PHP untuk interaksi pangkalan data

Fail PHP akan mengendalikan tugas berikut:

• Menyambung ke pangkalan data MySQL
• Menerima data daripada permintaan Ajax
• Memasukkan data ke dalam pangkalan data
• Menghantar respons kepada permintaan Ajax

Contoh lengkap

Di bawah ialah contoh penyelesaian lengkap menggunakan JavaScript, Ajax dan PHP:

HTML/JavaScript

<code class="html">
  
    <script type="text/javascript">
      function sendData() {
        // Replace with your form data
        var data = { data: 'Hello World' };

        $.ajax({
          type: "POST",
          url: "php/insert.php",
          data: data,
          success: function(data) {
            console.log("Data sent successfully");
          },
          error: function(error) {
            console.log("Error sending data");
          }
        });
      }
    </script>
  

  
    <button onclick="sendData()">Send Data</button>
  
</code>

PHP

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

// Replace with your database connection details
$servername = "localhost";
$username = "username";
$password = "password";
$dbname = "database";

// Create connection
$conn = mysqli_connect($servername, $username, $password, $dbname);

// Check connection
if (!$conn) {
  die("Connection failed: " . mysqli_connect_error());
}

// Prepare and bind
$stmt = mysqli_prepare($conn, "INSERT INTO table (data) VALUES (?)");
mysqli_stmt_bind_param($stmt, "s", $data);

// Execute
mysqli_stmt_execute($stmt);

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

Dalam contoh ini, kami mencipta permintaan Ajax dalam JavaScript yang menghantar data ke skrip PHP kami, yang kemudiannya bersambung ke pangkalan data MySQL, memasukkan data dan bertindak balas kepada permintaan Ajax.

Atas ialah kandungan terperinci Bagaimana untuk Menghantar Data dari JavaScript ke Pangkalan Data MySQL Menggunakan Ajax dan PHP?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!