< p >AJAX和PHP實現了網頁與服務器之間的數據交互，使網頁能夠實時獲取和顯示最新的數據。在一個在線商城的網頁中，我們可以利用AJAX和PHP來查找商品并展示出來。通過發送AJAX請求到PHP后端，然后利用PHP腳本查詢數據庫，最后將查詢結果返回給前端網頁展示。

< p >在網頁上有一個搜索框，當我們在搜索框輸入關鍵字并點擊搜索按鈕后，會發送AJAX請求到后臺的PHP文件，執行數據庫查詢操作。例如，我們要搜索所有包含關鍵字“手機”的商品：

< pre >function searchProduct(keyword){ $.ajax({ url: "search.php", type: "POST", data: { keyword: keyword }, success: function(response){ // 處理返回的數據并展示在網頁上 } }); }< p >在search.php文件中，我們可以通過$_POST['keyword']獲取到前端傳遞過來的關鍵字，并使用該關鍵字進行數據庫查詢。以下是一個簡單的例子：

$keyword = $_POST['keyword'];
$query = "SELECT * FROM products WHERE name LIKE '%$keyword%'";
$result = mysqli_query($connection, $query);
$response = array();
while($row = mysqli_fetch_assoc($result)){
$response[] = $row;
}
echo json_encode($response);

< p >上述代碼中，我們使用了"name LIKE '%$keyword%'"來查詢商品名稱包含關鍵字的商品信息。查詢到的結果以JSON格式返回給前端網頁。前端可通過解析JSON數據并在網頁上展示出來。

< p >除了搜索功能之外，我們還可以利用AJAX和PHP實現其他數據庫操作，例如添加、編輯或刪除商品信息。例如，我們可以添加一個新的商品到數據庫中：

function addProduct(name, price, description){
$.ajax({
url: "add_product.php",
type: "POST",
data: {
name: name,
price: price,
description: description
},
success: function(response){
// 處理返回的數據并展示在網頁上
}
});
}

< p >在add_product.php文件中，通過$_POST獲取到前端傳遞過來的商品名稱、價格和描述等信息，并執行插入操作：

$name = $_POST['name'];
$price = $_POST['price'];
$description = $_POST['description'];
$query = "INSERT INTO products (name, price, description) VALUES ('$name', '$price', '$description')";
mysqli_query($connection, $query);
echo "Success";

< p >以上代碼向數據庫插入了一條新的商品信息，并返回“Success”給前端網頁。

< p >綜上所述，AJAX和PHP的結合可以實現網頁與數據庫的數據交互。無論是搜索商品還是添加商品，都可以通過AJAX向PHP后端發送請求，然后在PHP中操作數據庫，并將處理結果返回給前端網頁。這種方式使得網頁能夠實時獲取最新的數據，并且不需要刷新整個頁面。這極大地提升了用戶體驗，使網頁更加動態和友好。