如何使用 Ajax 和 PHP 將資料從 JavaScript 傳送到 MySQL 資料庫？

如何將資料從 Javascript 傳送到 MySQL 資料庫

在本文中，我們將探討如何使用 Ajax 和 PHP 將資料從 JavaScript 傳送到 MySQL 資料庫。

了解JavaScript 的局限性

JavaScript 本身無法直接與MySQL 資料庫交互，因為它運行在客戶端（在瀏覽器中），而資料庫通常駐留在伺服器端。

使用 PHP 連接 JavaScript 和 MySQL

為了彌補這一差距，我們需要使用中間伺服器端語言，例如PHP。我們可以建立一個 PHP 文件，作為 JavaScript 和 MySQL 資料庫之間的橋樑。

使用 Ajax 發送資料

Ajax（非同步 JavaScript 和 XML）允許我們向伺服器發出請求並更新網頁的部分內容，而無需重新載入整個頁面。在我們的例子中，我們將使用 Ajax 將資料從 JavaScript 傳送到處理資料庫互動的 PHP 檔案。

用於資料庫互動的PHP 腳本

PHP 檔案將處理以下任務：

• 連接到MySQL 資料庫
• 連接到MySQL 資料庫從Ajax 請求接收數據
• 將數據插入數據庫
• 發送對Ajax 請求的響應

完整示例

下面是使用JavaScript、Ajax 和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>

在此範例中，我們在JavaScript 中建立一個Ajax 請求，該請求發送將資料傳輸到我們的PHP 腳本，然後連接到MySQL 資料庫，插入數據，並回應Ajax 請求。

以上是如何使用 Ajax 和 PHP 將資料從 JavaScript 傳送到 MySQL 資料庫？的詳細內容。更多資訊請關注PHP中文網其他相關文章！