Ajax（Asynchronous JavaScript and XML）是一種用于創(chuàng)建異步請求的技術(shù)，可以在不刷新整個頁面的情況下更新部分頁面內(nèi)容。它可以通過向服務器發(fā)起請求，接收返回的參數(shù)，并在頁面上展示這些參數(shù)。本文將介紹如何使用Ajax來發(fā)起請求并接收返回參數(shù)，通過舉例來說明Ajax的使用方法。

首先，我們來看一個簡單的例子。假設我們有一個網(wǎng)頁上有一個按鈕，當點擊按鈕時，發(fā)送一個請求給服務器，獲取當前時間并在頁面上顯示。以下是實現(xiàn)這個功能的代碼：

<button onclick="getTime()">點擊獲取當前時間</button>
<div id="displayTime"></div>
<script>
function getTime() {
var xmlhttp = new XMLHttpRequest();
xmlhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
document.getElementById("displayTime").innerHTML = this.responseText;
}
};
xmlhttp.open("GET", "getTime.php", true);
xmlhttp.send();
}
</script>

在上面的例子中，我們通過點擊按鈕來調(diào)用JavaScript函數(shù)`getTime()`。這個函數(shù)首先創(chuàng)建了一個XMLHttpRequest對象，然后指定了一個回調(diào)函數(shù)。當請求狀態(tài)改變時，回調(diào)函數(shù)將被觸發(fā)。回調(diào)函數(shù)中檢查請求的狀態(tài)和響應的狀態(tài)碼，如果都符合條件（4表示請求已完成，200表示請求成功），則將返回的響應參數(shù)設置為頁面上的某個元素（在這個例子中是一個div）的內(nèi)容。

在上述例子中，我們通過HTTP GET方法向服務器發(fā)送了一個請求，服務器返回了一個參數(shù)，即當前時間。我們使用`this.responseText`來獲取服務器返回的參數(shù)。這是因為服務器返回的參數(shù)一般是以文本的形式返回的，而不是XML格式。如果返回的是XML格式的參數(shù)，我們可以使用`this.responseXML`屬性來獲取。

下面是另一個例子，我們將通過發(fā)送一個POST請求給服務器，獲取并展示用戶的詳細信息：

function getUserInfo() {
var xmlhttp = new XMLHttpRequest();
xmlhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
var user = JSON.parse(this.responseText);
document.getElementById("userInfo").innerHTML = "姓名：" + user.name + "，年齡：" + user.age + "，職業(yè)：" + user.job;
}
};
xmlhttp.open("POST", "getUserInfo.php", true);
xmlhttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
xmlhttp.send("userId=12345");
}

在這個例子中，我們發(fā)送了一個POST請求給服務器，必須設置請求頭部的Content-type為`application/x-www-form-urlencoded`。而且我們還在發(fā)送請求時傳遞了一個參數(shù)，即用于查詢用戶信息的用戶ID。服務器會根據(jù)這個ID返回用戶的詳細信息。我們使用JSON.parse方法將返回的參數(shù)解析為一個JavaScript對象，然后通過訪問對象的屬性來獲取用戶的詳細信息。

通過上面的例子，我們可以看到Ajax的強大之處。它可以讓我們在不刷新整個頁面的情況下與服務器進行交互，并動態(tài)地更新頁面上的內(nèi)容。這為用戶提供了更好的體驗，并減少了服務器的壓力。

當然，在使用Ajax過程中，我們還需要注意一些細節(jié)。例如，我們可以通過readyState屬性來判斷請求的狀態(tài)。readyState屬性有5個可能的值，分別表示不同的請求狀態(tài)。我們通常使用readyState為4來判斷是否完成了請求。而status屬性則表示了請求的響應碼，例如200表示請求成功。我們還可以通過設置超時時間來處理請求超時問題，例如使用setTimeout方法來在一定時間后檢查請求狀態(tài)。

總結(jié)來說，Ajax是一個非常有用的工具，它使得我們能夠在不刷新整個頁面的情況下與服務器進行交互。本文通過舉例介紹了如何使用Ajax發(fā)起請求并接收返回參數(shù)。希望讀者能夠通過本文了解Ajax的基本用法，并在實際開發(fā)中靈活運用Ajax來提供更好的用戶體驗和更高效的網(wǎng)站交互。