Ajax（Asynchronous JavaScript and XML）是一種在Web應用程序中使用的技術，能夠實現頁面的無刷新更新。當我們向服務器發送請求時，服務器會返回一個response，其中包含我們期望的數據。本文將通過舉例子說明如何使用Ajax獲取返回的response。
假設我們有一個簡單的網頁，其中有一個按鈕，點擊按鈕后，會向服務器發送一個請求，然后將服務器返回的response顯示在頁面上。我們可以通過以下步驟來實現：
首先，我們需要給按鈕添加一個點擊事件，當按鈕被點擊時，觸發一個JavaScript函數來處理請求和響應。在HTML中，我們可以這樣寫：

<p><button onclick="getData()">點擊獲取數據</button></p>

接下來，在JavaScript中定義名為getData()的函數。這個函數將使用Ajax發送請求，并獲取服務器返回的response。在JavaScript中，我們可以這樣寫：

<p>function getData() {</p>
<p>    var xhr = new XMLHttpRequest();</p>
<p>    xhr.onreadystatechange = function() {</p>
<p>        if (xhr.readyState === 4 && xhr.status === 200) {</p>
<p>            var response = xhr.responseText;</p>
<p>            // 在這里處理返回的response</p>
<p>        }</p>
<p>    };</p>
<p>    xhr.open("GET", "server.php", true);</p>
<p>    xhr.send();</p>
<p>}</p>

在這段代碼中，我們創建了一個XMLHttpRequest對象（通常稱為xhr）。然后，我們定義了一個onreadystatechange事件處理程序。當xhr的readyState狀態變為4（表示請求已完成）且status狀態碼為200（表示請求成功）時，我們將從xhr對象中獲取response，并在函數中處理它。
在上面的代碼中，我們使用了GET方法發送了一個請求，請求的URL為server.php。當然，這只是一個示例URL，你需要根據你的實際情況進行修改。
一旦我們成功獲取服務器返回的response，我們就可以在函數中進行處理。例如，我們可以將response顯示在頁面上。我們可以通過以下方式將response顯示在頁面上：

<p>function getData() {</p>
<p>    // ...</p>
<p>    if (xhr.readyState === 4 && xhr.status === 200) {</p>
<p>        var response = xhr.responseText;</p>
<p>        document.getElementById("result").innerHTML = response;</p>
<p>    }</p>
<p>}</p>

在我們的HTML中，我們需要一個元素來顯示response。我們可以在HTML中添加如下代碼：

<p><div id="result"></div></p>

在上面的代碼中，我們使用了getElementById方法來獲取具有特定ID的元素，然后將response賦值給innerHTML屬性，這樣response就會顯示在頁面上。
通過以上步驟，我們就成功地使用Ajax獲取了服務器返回的response，并將其顯示在頁面上。當用戶點擊按鈕時，頁面會發送一個請求給服務器，然后將服務器返回的response更新到頁面上，實現了頁面無刷新更新的效果。
總結起來，使用Ajax獲取返回的response需要以下步驟：
1. 在HTML中為按鈕添加點擊事件處理函數。
2. 在JavaScript中定義處理請求和相應的函數。
3. 創建一個XMLHttpRequest對象。
4. 定義onreadystatechange事件處理程序，并在其中處理返回的response。
5. 將response顯示在頁面上。
以上只是一個簡單示例，你可以根據自己的需求進行修改和擴展。通過掌握Ajax的基本原理和方法，你可以實現更復雜的交互功能，并提升用戶體驗。