在網頁開發中，我們經常會遇到需要自動完成的場景。比如，在搜索框中輸入關鍵詞時，會自動彈出匹配的搜索結果；在填寫表單時，會自動補全已經輸入過的信息等等。為了實現這些自動完成的功能，我們可以使用Ajax技術，并結合PHP來處理和返回數據。

要實現一個自動完成的功能，首先需要一個輸入框和一個顯示匹配結果的區域。當用戶在輸入框中輸入文字的時候，通過Ajax發送請求將用戶輸入的文字傳遞給后端PHP文件進行處理。后端PHP文件會根據用戶的輸入，在數據庫中進行匹配，并返回匹配的結果。前端收到后端返回的結果后，將結果顯示在匹配結果的區域中。這樣就實現了一個基本的自動完成的功能。

下面我們來看一個具體的例子，假設我們有一個城市列表，用戶可以在輸入框中輸入城市名稱，然后自動獲取與輸入內容匹配的城市名稱的列表。首先，我們需要一個輸入框和一個用來顯示匹配結果的區域：

<input type="text" id="city" onkeyup="getMatchedCity()">
<div id="result"></div>

上面的代碼中，我們給輸入框添加了一個onkeyup事件，當用戶在輸入框中輸入內容時，會觸發getMatchedCity()函數。這個函數負責發送Ajax請求，并將返回的結果顯示在匹配結果的區域中。

function getMatchedCity() {
// 獲取用戶輸入的內容
var input = document.getElementById("city").value;
// 發送Ajax請求
var request = new XMLHttpRequest();
request.onreadystatechange = function() {
if (request.readyState == 4 && request.status == 200) {
// 將返回結果顯示在匹配結果的區域中
document.getElementById("result").innerHTML = request.responseText;
}
};
request.open("GET", "get_matched_city.php?input=" + input, true);
request.send();
}

在getMatchedCity()函數中，我們首先獲取用戶在輸入框中輸入的內容。然后創建一個XMLHttpRequest對象，用于發送Ajax請求。在請求的回調函數中，我們判斷請求的狀態是否成功，如果成功則將返回的結果顯示在匹配結果的區域中。

接下來，我們需要編寫get_matched_city.php文件來處理Ajax請求，并返回匹配的結果：

<?php
$input = $_GET["input"];
// 在數據庫中查找匹配的城市名稱
$matchedCities = array();
$cities = array("北京", "上海", "廣州", "深圳", "杭州");
foreach ($cities as $city) {
if (strpos($city, $input) !== false) {
$matchedCities[] = $city;
}
}
// 返回匹配的結果
foreach ($matchedCities as $matchedCity) {
echo "<p>$matchedCity</p>";
}
?>

在get_matched_city.php文件中，我們首先獲取到用戶輸入的內容，然后在數據庫中查找匹配的城市名稱。這里我們簡化了邏輯，直接使用一個包含城市名稱的數組來模擬數據庫。通過foreach循環，我們判斷每個城市名稱是否包含用戶輸入的內容，如果包含則將該城市名稱添加到匹配結果的數組中。最后將得到的匹配結果使用echo輸出，并按照p標簽的格式將結果顯示在前端。

通過上面的例子，我們可以看到使用Ajax結合PHP來實現自動完成功能是非常簡單的。我們可以根據實際的需求，在后端PHP文件中編寫邏輯來處理和返回數據，前端使用Ajax來發送請求和接收數據。這樣，我們就可以輕松實現各種自動完成的功能，提升用戶的體驗。