隨著互聯網的發展，前端技術日益成熟，Ajax技術的應用越來越廣泛，它使得網頁能夠在不刷新整個頁面的情況下與服務器進行異步通信，提高了用戶體驗。在Ajax中，最常見的應用就是通過向服務器發送請求，獲取并顯示數據庫中的數據。本文將詳細介紹Ajax成功后返回的數據庫內容，并通過舉例來說明。

假設我們有一個網頁上有一個輸入框，用戶在輸入框中輸入關鍵詞后，點擊搜索按鈕，通過Ajax技術向服務器發送請求，服務器根據關鍵詞從數據庫中查詢相應的數據，并將數據返回給前端。一種常見的做法是使用PHP語言來處理服務器端的請求和數據庫的操作。

下面是一個示例代碼：

$.ajax({
url: 'search.php', // 服務器端處理請求的PHP文件
type: 'GET', // 發送請求的方式，GET或POST
data: {keyword: 'apple'}, // 發送給服務器的數據
success: function(response) { // 請求成功后的回調函數
var data = JSON.parse(response); // 將返回的數據轉換為JavaScript對象
// 處理返回的數據
for (var i = 0; i < data.length; i++) {
// 在網頁上顯示搜索結果
$('ul.result').append('<li>' + data[i].title + '</li>');
}
}
});

在這個例子中，當用戶輸入關鍵詞"apple"并點擊搜索按鈕后，前端通過Ajax技術向服務器發送了一個GET請求，請求的URL是"search.php"，同時傳遞了一個參數"keyword"，值為"apple"。服務器接收到這個請求后，根據關鍵詞對數據庫進行查詢，并將查詢結果返回給前端。

服務器端的處理代碼如下：

<?php
// 獲取前端發送的數據
$keyword = $_GET['keyword'];
// 連接數據庫
$servername = "localhost";
$username = "root";
$password = "password";
$dbname = "example";
$conn = new mysqli($servername, $username, $password, $dbname);
// 查詢數據庫
$sql = "SELECT * FROM products WHERE title LIKE '%$keyword%'";
$result = $conn->query($sql);
// 將查詢結果轉換為JSON格式并輸出
$rows = array();
while ($row = $result->fetch_assoc()) {
$rows[] = $row;
}
echo json_encode($rows);
// 關閉數據庫連接
$conn->close();
?>

在這段代碼中，首先獲取到前端發送的關鍵詞，并根據關鍵詞執行數據庫查詢操作，查詢結果存儲在一個數組中。然后將數組轉換為JSON格式，并通過echo語句將結果返回給前端。

前端收到服務器返回的數據后，將數據轉換為JavaScript對象，并根據需要進行處理。在我們的例子中，我們將搜索結果逐個添加到網頁上。

總之，Ajax成功后返回的數據庫內容對于網頁的動態展示和交互非常重要。通過使用Ajax技術，我們可以方便地向服務器發送請求，獲取并顯示數據庫中的數據，極大地提高了用戶體驗。