Bagaimana untuk Menghantar Data dari JavaScript ke Pangkalan Data MySQL Menggunakan Ajax dan PHP?-tutorial mysql-php.cn

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

Susan Sarandon

Lepaskan： 2024-10-29 18:21:22

asal

936 orang telah melayarinya

How to Send Data from JavaScript to a MySQL Database Using Ajax and 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"><html>
  <head>
    <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>
  </head>

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

Salin selepas log masuk

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>

Salin selepas log masuk

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!