隨著互聯網技術的快速發展，網頁的交互性已經成為了一個非常重要的功能。而Ajax（Asynchronous JavaScript and XML）技術的出現，使得網頁可以實現異步請求和更新，從而更加方便地與服務器進行交互。

對于一個電商網站來說，當用戶在搜索框中輸入關鍵詞時，我們希望能夠實時顯示搜索結果，這就是一個典型的Ajax應用場景。傳統的方式是用戶輸入一個關鍵詞，點擊搜索按鈕后，服務器返回相關的搜索結果。而使用Ajax，我們可以實現用戶輸入一個關鍵詞后，網頁就實時顯示相關的搜索結果，而無需刷新整個頁面。

在實現這個功能時，我們需要異步向服務器發送請求，并獲取數據庫中與關鍵詞匹配的數據來進行展示。下面以一個用戶管理系統為例，簡單介紹如何使用Ajax來獲取數據庫的內容。

// HTML
<input type="text" id="searchInput" name="searchInput" placeholder="請輸入關鍵詞">
<button id="searchBtn">搜索</button>
<div id="resultDiv"></div>
// JavaScript
var searchInput = document.getElementById('searchInput');
var searchBtn = document.getElementById('searchBtn');
var resultDiv = document.getElementById('resultDiv');
searchBtn.addEventListener('click', function(){
var keyword = searchInput.value;
if(keyword){
var xhr = new XMLHttpRequest();
xhr.onreadystatechange = function(){
if(xhr.readyState === 4 && xhr.status === 200){
var response = xhr.responseText;
resultDiv.innerHTML = response;
}
}
xhr.open('GET', 'search.php?keyword=' + keyword, true);
xhr.send();
}
});

在上面的例子中，用戶在搜索框中輸入關鍵詞后，點擊搜索按鈕，觸發了一個點擊事件。在點擊事件的回調函數中，我們首先獲取到了用戶輸入的關鍵詞，并通過XMLHttpRequest對象發送了一個GET請求。請求的URL中包含了關鍵詞作為參數。然后我們設置了一個回調函數，當請求的狀態為4并且響應的狀態碼為200時，表示請求成功，并將服務器返回的結果賦值給結果展示區域的innerHTML屬性，從而實現了動態更新頁面的效果。

在服務器端，我們可以使用PHP來處理查詢請求，并返回與關鍵詞匹配的數據。下面是一個簡化的PHP代碼示例：

// PHP
$keyword = $_GET['keyword'];
// 連接數據庫
$mysqli = new mysqli('localhost', 'username', 'password', 'database');
if ($mysqli->connect_errno) {
die('連接數據庫失敗！');
}
// 查詢數據
$query = "SELECT * FROM users WHERE name LIKE '%$keyword%'";
$result = $mysqli->query($query);
// 處理查詢結果
if ($result->num_rows > 0) {
while ($row = $result->fetch_assoc()) {
echo "<div>姓名：".$row['name']."，年齡：".$row['age']."</div>";
}
} else {
echo "未找到相關結果！";
}
// 關閉數據庫連接
$mysqli->close();

在上面的PHP代碼中，我們首先通過GET方法獲取到了前端傳遞的關鍵詞。然后，我們使用mysqli擴展連接到數據庫，并執行了一條SQL語句，查詢與關鍵詞匹配的數據。最后，我們遍歷查詢結果，并將結果以HTML格式返回給前端。

通過上面的例子，我們可以看到，使用Ajax技術獲取數據庫的內容是相對簡單的。我們只需要在前端使用XMLHttpRequest對象發送請求，并在服務器端處理請求，并返回相應的結果即可。這種方式大大提高了網頁的交互性和用戶體驗，同時減小了服務器的負擔。

總而言之，Ajax技術已經成為了現代網頁開發中不可或缺的一部分，它使得我們能夠通過異步請求和更新實現更加靈活和高效的交互。通過Ajax獲取數據庫的內容，不僅能夠提升用戶體驗，還能夠減輕服務器壓力，使網頁變得更加智能、快速。