Ajax是一種基于前端技術的Web開發方式，通過使用JavaScript和XMLHttpRequest對象，實現頁面的異步更新和交互性。它能夠在不刷新整個頁面的情況下，發送請求并獲取數據，從而大大提高用戶體驗。本文將詳細介紹如何使用Ajax搭建一個簡單的Web項目，并通過舉例說明其運作機制。

首先，我們需要在HTML代碼中引入jQuery工具庫，因為它提供了方便的Ajax方法。如果沒有安裝，可以在jQuery的官方網站上下載并引入，如下所示：

<script src="jquery.min.js"></script>

接下來，我們創建一個按鈕，當用戶點擊時發起Ajax請求：

<button onclick="sendRequest()">點擊這里發起請求</button>

然后，在JavaScript代碼中編寫發送Ajax請求的函數：

function sendRequest() {
$.ajax({
url: "example.php",
type: "GET",
success: function(response) {
// 處理響應數據
},
error: function() {
// 請求失敗時的處理
}
});
}

在這個例子中，我們使用$.ajax方法發送GET請求到example.php文件。當請求成功時，會執行success回調函數并傳入響應數據。如果請求失敗，則會執行error回調函數。

在example.php文件中，我們可以根據具體需求來處理請求，并返回響應數據。例如，我們可以查詢數據庫并將結果返回給前端：

<?php
// 假設數據庫中有一個'user'表
$username = $_GET['username'];
// 查詢用戶信息
$query = "SELECT * FROM user WHERE username = '$username'";
$result = mysqli_query($conn, $query);
// 將查詢結果轉換為JSON格式并返回
$response = array();
while ($row = mysqli_fetch_assoc($result)) {
$response[] = $row;
}
echo json_encode($response);
?>

在上面的例子中，我們根據傳入的用戶名，使用GET參數獲取數據庫中對應的用戶信息，并將查詢結果轉換為JSON格式返回。

最后，在前端的success回調函數中，我們可以對返回的數據進行處理并更新頁面。例如，我們可以將用戶信息展示在一個列表中：

success: function(response) {
var userList = $("#userList");
for (var i = 0; i < response.length; i++) {
var user = response[i];
var listItem = "<li>用戶名：" + user.username + "，年齡：" + user.age + "</li>";
userList.append(listItem);
}
}

在上述代碼中，我們使用了jQuery的選擇器來獲取一個id為userList的元素（例如一個無序列表），然后循環遍歷響應數據中的每個用戶對象，將其信息添加為一個列表項。

綜上所述，通過使用Ajax技術，我們可以實現頁面的異步更新和交互性，從而提升用戶體驗。通過發送Ajax請求并處理響應數據，我們可以構建出各種功能豐富的Web應用程序。