在現代Web開發中，使用Ajax技術從PHP后端獲取數據是非常常見的需求。Ajax（Asynchronous JavaScript and XML）是一種在Web應用中實現異步通信的技術，可以在不刷新整個頁面的情況下，向服務器發送請求并獲取響應，從而提升用戶體驗。本文將介紹如何使用Ajax從PHP后端獲取兩個值，并提供具體的代碼示例和說明。

假設我們有一個簡單的PHP后端文件（fetch_values.php），它會返回兩個隨機生成的整數。我們希望使用Ajax從該文件獲取這兩個值，并在前端頁面上展示它們。以下是一個示例的PHP后端代碼：

<?php
// 生成兩個隨機整數
$value1 = rand(1, 100);
$value2 = rand(1, 100);
// 返回兩個隨機整數的JSON格式字符串
echo json_encode(array('value1' =>$value1, 'value2' =>$value2));
?>

我們可以在前端頁面的JavaScript代碼中使用Ajax來獲取這兩個值，并將它們展示給用戶。以下是一個使用原生JavaScript實現的Ajax代碼示例：

var xhr = new XMLHttpRequest();
xhr.open('GET', 'fetch_values.php', true);
xhr.onreadystatechange = function() {
if (xhr.readyState === XMLHttpRequest.DONE && xhr.status === 200) {
// 解析JSON格式的響應
var response = JSON.parse(xhr.responseText);
// 獲取后端返回的兩個值
var value1 = response.value1;
var value2 = response.value2;
// 在頁面上展示這兩個值
var output = document.getElementById('output');
output.innerHTML = 'Value 1: ' + value1 + '
Value 2: ' + value2;
}
};
xhr.send();

在上面的代碼中，我們首先創建了一個XMLHttpRequest對象，然后通過open方法指定了請求的URL（即fetch_values.php）和請求的方式（GET），以及是否異步處理（true）。

xhr.onreadystatechange是一個回調函數，它會在XHR對象的狀態發生變化時被觸發。當xhr.readyState變為XMLHttpRequest.DONE（表示請求已完成）且xhr.status為200（表示請求成功）時，我們會解析后端返回的JSON字符串，并獲取其中的兩個值。最后，我們用innerHTML屬性將這兩個值展示在頁面上。

為了運行上述代碼，我們需要在前端頁面中提供一個用于展示值的HTML元素。以下是一個例子：

<div id="output"></div>

通過以上代碼，我們就可以從PHP后端獲取到兩個值，并在前端頁面上展示出來。當然，這只是一個簡單的示例，你可以根據自己的實際需求來修改和擴展。

總之，Ajax是一種強大的技術，能夠實現前后端之間的異步通信，并提升用戶體驗。通過上述的示例代碼和說明，希望能幫助讀者更好地理解和應用Ajax從PHP后端獲取兩個值的方法。