首頁  >  文章  >  資料庫  >  如何在不直接連接的情況下將資料從 JavaScript 傳送到 MySQL 資料庫?

如何在不直接連接的情況下將資料從 JavaScript 傳送到 MySQL 資料庫?

Mary-Kate Olsen
Mary-Kate Olsen原創
2024-11-02 16:17:02555瀏覽

How to Send Data from JavaScript to a MySQL Database without Direct Connection?

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

JavaScript 單獨使用時,無法直接與 MySQL 資料庫互動。由於 JavaScript 在客戶端(在瀏覽器中)運行,而資料庫駐留在伺服器端,因此需要中間伺服器端語言來執行資料庫查詢。此類語言的範例包括 PHP、Java、.Net 和伺服器端 JavaScript 堆疊(如 Node.js)。

要整合 JavaScript(一種伺服器端語言)和 MySQL,可以使用 AJAX(非同步 JavaScript 和XML)。其運作原理如下:

  1. 從JavaScript 初始化AJAX 呼叫:
<code class="javascript">var xmlhttp = new XMLHttpRequest();
xmlhttp.open("POST", "phpfile.php", true);
xmlhttp.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");</code>
  1. 準備要使用的資料發送要使用的資料發送到伺服器:
<code class="javascript">var data = "name=John&age=30";</code>
  1. 使用AJAX 呼叫傳送資料:
<code class="javascript">xmlhttp.send(data);</code>
<code class="php"><?php
$name = $_POST['name'];
$age = $_POST['age'];

// Connect to the MySQL database
$conn = mysqli_connect('localhost', 'username', 'password', 'database');

// Prepare the SQL query
$sql = "INSERT INTO users (name, age) VALUES ('$name', '$age')";

// Execute the query
$result = mysqli_query($conn, $sql);

if ($result) {
    echo "Data saved successfully";
} else {
    echo "Error saving data";
}

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

>實作伺服器端腳本來處理資料:使用此設置,當JavaScript 程式碼執行AJAX 呼叫時,資料(使用者名稱和年齡)會傳送到伺服器端PHP 腳本。然後該腳本連接MySQL資料庫,執行SQL查詢將資料插入資料庫表中,並傳回資料是否保存成功的回應。 注意:具體實作細節和語法可能會有所不同,取決於伺服器端語言和所使用的資料庫系統。

以上是如何在不直接連接的情況下將資料從 JavaScript 傳送到 MySQL 資料庫?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn