在Web開發中，我們經常需要向服務器發送請求并獲取返回的數據，而使用傳統的同步請求方式會導致頁面刷新，用戶體驗不佳。為了改善這個問題，Ajax技術的引入使得我們可以使用異步方式進行請求，而不需要刷新整個頁面。本文將介紹如何使用Ajax提交PHP請求并獲取返回的數據。

假設我們有一個簡單的表單，包含一個輸入框和一個提交按鈕。當用戶在輸入框中輸入數據后，點擊提交按鈕，我們希望將這些數據發送到服務器進行處理，并獲取服務器返回的結果，而不需要刷新整個頁面。下面是一個使用Ajax提交表單的示例：

<form id="myForm" method="post">
<input type="text" name="name" id="name" />
<input type="submit" value="提交" />
</form>
<script>
// 監聽表單提交事件
document.getElementById("myForm").addEventListener("submit", function(event) {
event.preventDefault(); // 阻止表單默認提交事件
// 創建XMLHttpRequest對象
var xhr = new XMLHttpRequest();
// 設置請求參數
var formData = new FormData(document.getElementById("myForm"));
xhr.open("POST", "process.php", true);
// 設置回調函數
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
var response = xhr.responseText;
// 處理服務器返回的數據
}
};
// 發送請求
xhr.send(formData);
});
</script>

在上述代碼中，我們使用JavaScript監聽表單的提交事件，并阻止了默認的表單提交行為。然后，通過XMLHttpRequest對象創建了HTTP請求，并指定了請求的方法、URL以及是否采用異步方式。接著，設置了回調函數，用于處理服務器返回的數據。最后，使用send()方法發送了HTTP請求。

在服務器端，我們可以使用PHP來接收并處理這個請求。下面是一個簡單的PHP示例，用于處理客戶端發送的數據，并返回處理結果：

<?php
$name = $_POST["name"]; // 獲取客戶端提交的數據
// 處理數據
$response = "你好，" . $name . "! 歡迎使用Ajax提交數據！";
// 發送處理結果給客戶端
echo $response;
?>

在上述代碼中，我們通過$_POST全局變量獲取了客戶端提交的數據，并進行了簡單的處理。然后，使用echo語句將處理結果返回給客戶端。

當服務器返回數據后，我們需要在客戶端的回調函數中對返回的數據進行處理。在上述示例中，我們已經獲得了服務器返回的數據，并將其保存在response變量中。你可以根據實際需求對這些數據進行解析和操作，例如更新頁面的某個元素內容、顯示一個彈出提示框等。

需要注意的是，Ajax請求是異步的，當你發送請求后，頁面不會發生刷新。因此，在接收到請求結果后，你應該根據實際需求來更新頁面。例如，如果你希望將返回的結果顯示在頁面上，你可以通過JavaScript來動態更新DOM元素的內容。

綜上所述，使用Ajax提交PHP請求并獲取返回的數據，可以在不需要刷新整個頁面的情況下，實現與服務器的交互。通過上述示例，你可以開始使用Ajax來改善你的Web應用程序，并提升用戶體驗。