AJAX（Asynchronous JavaScript and XML）是一種用于在網(wǎng)頁上異步請求和接收服務(wù)器返回數(shù)據(jù)的技術(shù)。在使用AJAX時，最常見的情況是通過AJAX向服務(wù)器發(fā)送一個HTTP請求，服務(wù)器處理請求并返回數(shù)據(jù)，然后在不刷新整個頁面的情況下，將數(shù)據(jù)顯示在網(wǎng)頁上。本文將介紹如何使用AJAX接收PHP返回的值，并給出相關(guān)的示例。

通常，使用AJAX接收PHP返回的值需要使用XMLHttpRequest對象。首先，我們創(chuàng)建一個XMLHttpRequest對象，并使用open()函數(shù)指定請求的方法和URL，例如：

var xhttp = new XMLHttpRequest();
xhttp.open("GET", "example.php", true);
xhttp.send();

上述代碼表示我們向名為example.php的服務(wù)器端文件發(fā)送GET請求，并將返回的數(shù)據(jù)保存到名為xhttp的XMLHttpRequest對象中。接下來，我們監(jiān)聽xhttp對象的onreadystatechange事件，并在該事件中處理服務(wù)器返回的數(shù)據(jù)。

示例1：接收字符串?dāng)?shù)據(jù)

xhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
var response = this.responseText;
document.getElementById("output").innerHTML = response;
}
};

上述代碼表示當(dāng)xhttp對象的狀態(tài)變?yōu)?（請求已完成）且狀態(tài)碼為200（請求成功）時，將服務(wù)器返回的字符串?dāng)?shù)據(jù)保存到response變量，并將其顯示在具有id為output的HTML元素中。例如，如果服務(wù)器返回的數(shù)據(jù)是"Hello, AJAX!"，那么輸出結(jié)果將是：

Hello, AJAX!

示例2：接收J(rèn)SON數(shù)據(jù)

xhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
var response = JSON.parse(this.responseText);
document.getElementById("output").innerHTML = "Name: " + response.name + "
Age: " + response.age;
}
};

上述代碼表示我們將服務(wù)器返回的JSON數(shù)據(jù)解析為一個JavaScript對象，并從中提取"name"和"age"字段的值。然后，我們將這些值顯示在具有id為output的HTML元素中。例如，如果服務(wù)器返回的JSON數(shù)據(jù)是{"name": "Tom", "age": 25}，那么輸出結(jié)果將是：

Name: Tom
Age: 25

當(dāng)然，這只是使用AJAX接收PHP返回的值的基本示例。實際應(yīng)用中，我們可能會遇到更復(fù)雜的情況，例如發(fā)送POST請求、使用表單數(shù)據(jù)等等。無論如何，通過了解AJAX的基本原理和使用XMLHttpRequest對象，我們可以輕松地在網(wǎng)頁上接收PHP返回的值，并根據(jù)需要進(jìn)行處理和顯示。

總而言之，AJAX是一種強(qiáng)大且常用的技術(shù)，可以實現(xiàn)異步地請求和接收服務(wù)器返回的數(shù)據(jù)。通過示例，我們可以看到如何使用AJAX接收PHP返回的值，并在網(wǎng)頁上進(jìn)行顯示和處理。希望本文對于初學(xué)者能夠有所幫助。