JavaScript 如何將資料傳送到 MySQL 資料庫？

如何從 JavaScript 傳送資料到 MySQL 資料庫

JavaScript 與其他程式語言不同，由於運作環境不同，無法直接與 MySQL 資料庫通訊。 JavaScript 在客戶端（在 Web 瀏覽器中）運行，而資料庫駐留在伺服器端。為了彌補這一差距，必須使用 PHP、Java、.Net 或 Node.js 等中間伺服器端語言來進行資料庫查詢。

解決方案

按照以下步驟進行連接JavaScript、PHP 和MySQL：

1. 編寫PHP 腳本（例如phpfile.php）作為JavaScript 和MySQL 之間的中間人。該腳本將透過 POST 請求從 JavaScript 接收資料並執行資料庫操作。
2. 在 JavaScript 程式碼中，使用 AJAX（非同步 JavaScript 和 XML）將資料傳送到 PHP 腳本。您可以使用 jQuery 函式庫來簡化 AJAX 呼叫。
3. 在 PHP 腳本中，使用 MySQLi 或 PDO 連接資料庫並執行查詢。

範例程式碼

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>

PHP (phpfile.php)

注意注意 >記得修改連線參數（host、username、password、database_name） ) 在PHP 腳本中符合您的資料庫設定。另外，請確保在執行查詢之前建立必要的資料庫、表格和列。

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