Ajax是一種在網頁中使用JavaScript進行異步通信的技術。它能夠處理Web頁面的實時更新與后臺服務器的數據交互，并將其呈現給用戶。在使用Ajax時，常常需要通過PHP腳本從后端獲取數據，并將返回的數據以數組的形式呈現給網頁。在本文中，我們將介紹如何使用Ajax接收PHP返回的數組，并通過舉例說明其應用場景和使用方法。
當我們需要從后端獲取數據時，可以使用Ajax動態地從服務器請求數據，而不需要刷新整個網頁。這使得我們能夠以更快的速度獲取數據并將其展示給用戶。而PHP是一種常用的服務器端腳本語言，可以處理與數據庫交互、生成動態內容等任務。通過結合Ajax和PHP，我們可以實現更加強大和靈活的前后端交互。
假設我們有一個簡單的網頁上有一個按鈕，當用戶點擊按鈕時，使用Ajax從PHP腳本獲取數組，并將其在網頁上展示出來。首先我們需要在HTML頁面中添加一個按鈕，并定義一個點擊事件來觸發Ajax請求。示例代碼如下：

<p>點擊按鈕獲取數據：</p>
<button id="getDataBtn">獲取數據</button>
<pre id="dataContainer">

在上述代碼中，我們通過getElementById()方法獲取了按鈕和數據容器的DOM元素，并為按鈕的點擊事件綁定了一個匿名函數。當點擊按鈕時，該函數會被調用。
在函數內部，我們首先創建了一個XMLHttpRequest對象實例，用于發送Ajax請求并處理響應。接著，我們定義了回調函數xhttp.onreadystatechange，用于監聽Ajax請求的狀態變化并處理響應。
當Ajax請求的狀態變為4（請求已完成）且狀態碼為200（請求成功）時，我們使用JSON.parse()方法解析從PHP腳本返回的JSON字符串，并將結果保存在變量data中。最后，我們使用innerHTML屬性將data中的數據以格式化的形式展示在數據容器pre中。
下面我們來看一下PHP腳本get_data.php的內容，該腳本用于生成一個包含數組的JSON字符串并將其返回給Ajax請求。

php
<?php
// 生成數組
$data = array(
"name" => "John",
"age" => 25,
"gender" => "Male"
);
// 將數組轉換為JSON字符串
$jsonData = json_encode($data);
// 設置HTTP響應頭
header("Content-Type: application/json");
// 輸出JSON字符串
echo $jsonData;
?>

在該PHP腳本中，我們首先定義了一個包含姓名、年齡和性別的關聯數組$data。然后，我們使用json_encode()函數將數組轉換為JSON字符串。接著，我們設置了響應頭Content-Type為application/json，用于告訴瀏覽器返回的數據為JSON格式。最后，我們使用echo語句將JSON字符串輸出。
當用戶點擊按鈕時，Ajax會發送GET請求到get_data.php，并將返回的JSON字符串解析后展示在數據容器pre中。用戶可以通過點擊按鈕來獲取最新的數據，并在網頁上實時展示。
在實際應用中，我們可以利用Ajax接收PHP返回的數組來實現許多功能。例如，我們可以通過Ajax獲取用戶提交的表單數據，并將其傳遞給PHP腳本進行處理。PHP腳本可以對數據進行驗證、存儲到數據庫，并將處理結果以數組的形式返回給Ajax請求。通過解析返回的數組，我們可以動態地展示處理結果給用戶，而不需要刷新整個頁面。
總結起來，通過使用Ajax接收PHP返回的數組，我們能夠實現網頁與后臺服務器的高效交互。通過舉例說明，我們了解了如何在網頁中使用Ajax請求PHP腳本并將返回的數組展示給用戶。在實際應用中，我們可以根據需要靈活地使用這一技術，從而實現更加強大和動態的Web應用程序。