AJAX（Asynchronous JavaScript And XML）是一種前端技術，它可以實現異步加載數據，提高網頁的用戶體驗。在搭建三層架構時，AJAX可以用來請求和處理后端的數據，將前端和后端進行解耦，實現前后端分離。

舉例來說，假設我們正在開發一個電商網站，我們需要在用戶打開商品詳情頁時異步加載商品的評論信息。在傳統的網頁開發中，用戶打開頁面后會顯示一個加載中的提示，然后再請求后端獲取評論信息，最后顯示在頁面上。整個過程會引起頁面的刷新，給用戶帶來不好的體驗。

而采用AJAX技術，可以在用戶打開頁面時就發送一個異步請求，獲取評論信息并動態地顯示在原頁面中，而不需要刷新整個頁面。這樣用戶就可以立即看到數據，提高了用戶體驗。

那么如何使用AJAX搭建三層架構呢？首先，我們需要在前端頁面中編寫AJAX代碼來發送請求和處理后端數據。在電商網站的例子中，我們可以編寫如下的JavaScript代碼：

function loadComments(productId) {
var xhr = new XMLHttpRequest();
xhr.onreadystatechange = function() {
if (xhr.readyState === XMLHttpRequest.DONE) {
if (xhr.status === 200) {
var comments = JSON.parse(xhr.responseText);
// 處理評論數據...
} else {
console.error('請求失敗！');
}
}
};
xhr.open('GET', '/api/comments?product=' + productId, true);
xhr.send();
}

上面的代碼中，我們使用XMLHttpRequest對象來發送GET請求，其中'/api/comments?product=' + productId是請求的URL地址，通過傳遞productId參數來獲取對應商品的評論數據。當請求完成后，我們可以通過xhr.readyState的值來判斷請求的狀態，xhr.status的值來判斷請求的結果。

接下來，我們需要在后端服務器中處理這個GET請求，并返回對應的評論數據。在服務器端，我們可以使用某種后端框架（如Express.js）來接收并處理這個請求。以下是一個使用Node.js和Express.js來實現的例子：

const express = require('express');
const app = express();
app.get('/api/comments', function(req, res) {
const productId = req.query.product;
// 處理評論數據...
res.json(comments);
});
app.listen(3000, function() {
console.log('服務器已啟動！');
});

上面的代碼中，我們首先使用express模塊創建了一個服務器實例，然后使用app.get方法來監聽GET請求的'/api/comments'路徑。當服務器接收到這個請求時，我們獲取到傳遞過來的productId參數，并進行相應的評論數據處理。最后，我們將處理后的數據以JSON的形式返回給前端。

最后，我們還需要在前端頁面中調用loadComments函數，傳入產品ID來請求評論數據。比如，當用戶打開商品詳情頁時，我們可以使用以下代碼：

var productId = '12345'; // 假設商品ID為12345
loadComments(productId);

通過以上的步驟，我們就成功地使用AJAX搭建了三層架構。前端頁面通過AJAX發送請求給后端服務器，后端服務器處理請求并返回數據給前端頁面，實現了前后端的分離。這樣既提高了用戶體驗，又方便了前后端的開發和維護。