AJAX（Asynchronous JavaScript And XML）是一種前端技術，通過在頁面不刷新的情況下與服務器進行異步交互，實現動態更新頁面內容。在Web開發中，常常需要從數據庫獲取數據以實現頁面展示和功能交互。利用AJAX可以方便地從客戶端（CS，Client-Side）獲取數據庫中的數據，提高用戶體驗。

比如，在一個電商網站上，當用戶瀏覽商品列表，可以通過AJAX從數據庫中獲取商品的詳細信息，比如商品名稱、價格、庫存等。這樣不僅可以避免因為刷新頁面而導致的加載延遲，還可以實時更新頁面內容，提高用戶的交互性和體驗。

要實現通過AJAX從CS獲取數據庫數據，需要采用以下步驟：

首先，在客戶端編寫相應的AJAX請求代碼。這可以使用JavaScript來實現，創建一個XMLHttpRequest對象，指定請求的方法（GET或POST）、URL和是否采用異步方式進行通信。例如：

var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
// 處理從服務器返回的數據
console.log(this.responseText);
}
};
xhttp.open("GET", "get_data.php", true);
xhttp.send();

上述代碼會創建一個AJAX請求，向URL為“get_data.php”的服務器頁面發送GET請求，指定異步方式通信。當服務器返回響應時，會調用回調函數，并通過this.responseText獲取服務器返回的數據。這里的服務器頁面可以是一個用于從數據庫獲取數據的腳本，例如使用PHP語言連接數據庫并執行查詢操作。

其次，在服務器端編寫相應的腳本，用于連接數據庫并獲取數據。這可以根據具體的后端語言來實現，比如使用PHP、Java、Python等。例如，在PHP中，可以通過MySQLi或PDO等擴展庫來連接數據庫，并執行查詢操作，獲取需要的數據。

connect_error) {
die("連接失敗：" . $conn->connect_error);
}
// 執行查詢操作
$sql = "SELECT * FROM products";
$result = $conn->query($sql);
// 處理查詢結果
if ($result->num_rows >0) {
while($row = $result->fetch_assoc()) {
echo "商品名稱：" . $row["name"]. " - 價格：" . $row["price"]. "
";
}
} else {
echo "沒有查詢到相關商品";
}
// 關閉數據庫連接
$conn->close();
?>

上述代碼首先通過mysqli擴展庫建立與數據庫的連接，然后執行查詢操作，將查詢結果循環輸出到頁面中。這樣，在AJAX請求成功后，服務器會返回相應的數據，包括商品的名稱和價格等詳細信息。

最后，在AJAX請求的回調函數中，對從服務器返回的數據進行處理，更新頁面的內容。這可以根據具體需求進行操作，比如將返回的數據添加到頁面中指定的位置，并進行相應的格式化和樣式調整。

xhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
// 處理從服務器返回的數據
var data = JSON.parse(this.responseText);
var productsContainer = document.getElementById("products-container");
for (var i = 0; i< data.length; i++) {
var product = document.createElement("div");
product.className = "product";
product.innerHTML = "商品名稱：" + data[i].name + " - 價格：" + data[i].price;
productsContainer.appendChild(product);
}
}
};

上述代碼將服務器返回的數據解析為JSON格式，并循環創建商品信息的DOM元素，然后將其添加到名為“products-container”的容器中。這樣就實現了從CS獲取數據庫數據，并實時更新頁面的效果。

通過AJAX從CS獲取數據庫數據可以實現動態更新頁面內容的需求，提高用戶體驗。無論是電商網站、社交平臺還是其他Web應用，都可以利用AJAX技術實現更加靈活和高效的數據展示和交互功能。