AJAX（Asynchronous JavaScript and XML）是一種用于創建交互式Web應用程序的技術。通過AJAX，我們可以實現在不刷新整個頁面的情況下，從服務器獲取數據，并將數據動態地顯示到網頁上。而結合數據庫，我們可以通過AJAX來實現對數據的增、刪、改等操作。本文將詳細介紹如何使用AJAX獲取和修改數據庫中的數據。
首先，讓我們來看一個簡單的例子，假設我們有一個網頁上顯示了一個商品列表，并對應了一個數據庫中的表。我們希望用戶可以通過點擊按鈕，在網頁上添加新的商品，并將新增的商品信息保存到數據庫中，以便下次訪問時可以恢復。
<html>
<head>
<script>
function addProduct() {
var productName = document.getElementById("productName").value;
var productPrice = document.getElementById("productPrice").value;
var xhr = new XMLHttpRequest();
xhr.open("POST", "addProduct.php", true);
xhr.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
alert("商品添加成功！");
}
};
xhr.send("name=" + productName + "&price=" + productPrice);
}
</script>
</head>
<body>
<input type="text" id="productName" placeholder="請輸入商品名稱">
<input type="text" id="productPrice" placeholder="請輸入商品價格">
<button onclick="addProduct()">添加商品</button>
</body>
</html>上述代碼中，我們使用了XMLHttpRequest對象來發送一個POST請求到服務器的addProduct.php文件。在服務器端，我們可以接收到通過POST方式傳遞過來的商品名稱和價格，并將這些信息保存到數據庫中。完成商品添加后，服務器返回一個成功的響應，我們在客戶端利用AJAX的onreadystatechange事件來判斷是否成功添加商品并提供相應的提示。
接下來，我們看一下服務器端的代碼，即addProduct.php文件。這里我們使用了PHP語言和MySQL數據庫：
<?php
$servername = "localhost";
$username = "root";
$password = "";
$dbname = "product_list";
// 創建連接
$conn = new mysqli($servername, $username, $password, $dbname);
// 檢查連接是否成功
if ($conn->connect_error) {
die("連接失敗: " . $conn->connect_error);
}
// 獲取通過POST方式傳遞過來的商品名稱和價格
$productName = $_POST["name"];
$productPrice = $_POST["price"];
// 將商品信息添加到數據庫表中
$sql = "INSERT INTO products (name, price) VALUES ('$productName', '$productPrice')";
if ($conn->query($sql) === TRUE) {
echo "商品添加成功！";
} else {
echo "商品添加失敗: " . $conn->error;
}
$conn->close();
?>在上面的PHP代碼中，我們首先創建了與數據庫的連接，然后獲取通過POST方式傳遞過來的商品名稱和價格。接著，我們將商品信息插入到數據庫的products表中。如果插入操作成功，我們返回一個成功的響應；否則，返回添加失敗的錯誤信息。
通過上述例子，我們可以看到如何利用AJAX來實現對數據庫的數據修改操作。通過發送HTTP請求，我們可以將客戶端的數據傳遞到服務器端，并在服務器端進行相應的處理。在實際應用中，我們可以根據具體需求，結合AJAX和數據庫的相關操作，來實現更復雜的功能。
總之，AJAX提供了一種強大的方式來實現Web應用程序中與數據庫的交互。通過AJAX，我們可以方便地獲取和修改數據庫中的數據，從而使Web應用程序更加靈活、高效。