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

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

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

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

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

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

xhr.onreadystatechange是一個(gè)回調(diào)函數(shù)，它會(huì)在XHR對(duì)象的狀態(tài)發(fā)生變化時(shí)被觸發(fā)。當(dāng)xhr.readyState變?yōu)閄MLHttpRequest.DONE（表示請(qǐng)求已完成）且xhr.status為200（表示請(qǐng)求成功）時(shí)，我們會(huì)解析后端返回的JSON字符串，并獲取其中的兩個(gè)值。最后，我們用innerHTML屬性將這兩個(gè)值展示在頁面上。

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

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

通過以上代碼，我們就可以從PHP后端獲取到兩個(gè)值，并在前端頁面上展示出來。當(dāng)然，這只是一個(gè)簡(jiǎn)單的示例，你可以根據(jù)自己的實(shí)際需求來修改和擴(kuò)展。

總之，Ajax是一種強(qiáng)大的技術(shù)，能夠?qū)崿F(xiàn)前后端之間的異步通信，并提升用戶體驗(yàn)。通過上述的示例代碼和說明，希望能幫助讀者更好地理解和應(yīng)用Ajax從PHP后端獲取兩個(gè)值的方法。