在現代的Web開發中，Ajax（Asynchronous JavaScript and XML）技術扮演著重要的角色，它可以在不刷新整個頁面的情況下，通過與服務器進行數據交換，實現異步更新頁面的效果。一般情況下，我們使用Ajax獲取的數據源可以是來自后端服務器的API接口或者靜態的JSON文件。然而，在某些情況下，我們可能需要直接從數據庫中獲取數據，而不是通過API接口。本文將會探討使用Ajax直接獲取數據庫數據的方法，并通過舉例加以說明。 以一個在線圖書商城為例，當用戶在搜索框中輸入關鍵詞并點擊搜索按鈕時，我們希望能夠通過Ajax直接從數據庫中獲取相關的圖書信息，并在頁面上呈現給用戶。為了實現這一功能，我們可以使用一種稱為PHP Data Objects（PDO）的PHP擴展來連接數據庫，并執行各種數據庫操作。 首先，我們需要在客戶端的HTML文件中編寫相應的代碼，以觸發Ajax請求。這可以通過給搜索按鈕綁定一個事件監聽器來實現。當用戶點擊搜索按鈕時，我們將會使用Ajax發送一個GET請求，將搜索關鍵詞作為參數傳遞給后端服務器。 ```html

搜索圖書:

搜索``` 在上述代碼中，當用戶點擊搜索按鈕時，我們獲取了搜索關鍵詞，并將其作為GET請求的參數發送給服務器的`search.php`文件。接下來，我們需要在服務器端編寫PHP腳本，連接數據庫，并根據搜索關鍵詞從數據庫中獲取相關的圖書信息。 ```phpsetAttribute(PDO::ATTR_ERRMODE, PDO::ERRMODE_EXCEPTION); $keyword = $_GET['keyword']; // 獲取搜索關鍵詞 $stmt = $conn->prepare('SELECT * FROM books WHERE title LIKE :keyword'); $stmt->execute(array('keyword' =>'%'.$keyword.'%')); $result = $stmt->fetchAll(PDO::FETCH_ASSOC); echo json_encode($result); } catch(PDOException $e) { echo 'Error: ' . $e->getMessage(); } ?>``` 在上述PHP腳本中，我們首先建立與數據庫的連接，并設置一些連接屬性。然后，我們獲取發送過來的搜索關鍵詞，并使用`PDO`的`prepare`方法來預處理SQL語句。在這個例子中，我們在數據庫的`books`表中搜索`title`字段包含搜索關鍵詞的圖書信息。`PDO::FETCH_ASSOC`參數表示返回一個關聯數組的結果集。最后，我們將獲取到的結果轉換為JSON格式，并返回給客戶端。 回到客戶端的代碼，當Ajax請求成功后，我們可以通過解析返回的JSON數據，更新頁面上的圖書信息。這些圖書信息可以通過使用DOM操作，動態地生成并插入到頁面中。 以上就是使用Ajax直接從數據庫中獲取數據的基本步驟。通過這種方法，我們可以實現動態更新頁面的效果，并且不需要刷新整個頁面。當然，在實際的應用中可能會有更多的細節需要考慮，比如數據安全性、搜索算法的優化等。但是通過這個簡單的例子，我們可以看到使用Ajax直接獲取數據庫數據的便利性和強大性。無論是在線圖書商城、社交網絡還是其他應用，Ajax都為我們提供了更好的用戶體驗和更高效的數據交互方式。