如何使用 Ajax 和 PHP 將資料從 JavaScript 傳送到 MySQL 資料庫？
- Susan Sarandon原創
- 2024-10-29 18:21:22991瀏覽
如何將資料從 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"><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>
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中文網其他相關文章！
陳述：
本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn