AJAX（Asynchronous JavaScript and XML）是一種用于創建交互式網頁應用的技術。它通過在不重新加載整個網頁的情況下，通過異步獲取數據來更新部分頁面內容。本文將重點介紹如何使用AJAX與本地服務器通信，以獲取服務器的時間戳，并將其顯示在網頁上。

在很多網頁應用中，我們常常需要顯示當前的時間。一種常見的解決方案是從服務器獲取時間，并在網頁上顯示。以一個簡單的例子來說明：

function getServerTimestamp() {
var xhr = new XMLHttpRequest();
xhr.open("GET", "/timestamp", true);
xhr.onreadystatechange = function() {
if (xhr.readyState === XMLHttpRequest.DONE) {
if (xhr.status === 200) {
var timestamp = JSON.parse(xhr.responseText);
document.getElementById("timestamp").innerText = timestamp;
}
}
};
xhr.send();
}

上述代碼中，我們定義了一個getServerTimestamp函數，該函數會使用AJAX技術向服務器發送一個GET請求。請求的URL是/timestamp，這是一個我們自己定義的接口，用于返回服務器的時間戳。當請求成功返回（狀態碼為200）時，我們將從服務器返回的時間戳更新到頁面上的一個元素中（假設其id為timestamp）。

而服務器端，我們需要有一個處理/timestamp請求的接口。這個接口應該返回服務器當前的時間戳。以下是一個可能的服務器端代碼（使用Node.js和Express框架）：

var express = require("express");
var app = express();
app.get("/timestamp", function(req, res) {
res.json(Date.now());
});
app.listen(3000, function() {
console.log("Server started on port 3000");
});

這段服務器端代碼使用Express框架創建了一個簡單的應用。當收到/timestamp請求時，服務器會返回當前的時間戳，使用Date.now()方法獲取。在這個例子中，服務器監聽3000端口，通過app.listen方法啟動。

有了上述的前后端代碼，我們就可以在網頁上顯示服務器的時間戳了。例如，在一個HTML頁面中，我們可以添加以下代碼：

Server Timestamp:Loading...

在這段代碼中，我們在網頁上添加一個段落（使用p標簽），其中的內容是顯示服務器時間戳的元素（使用id為timestamp）。getServerTimestamp函數會在頁面加載時被調用，從而向服務器發送請求，并將時間戳更新到該元素中。

通過以上的示例代碼，我們實現了通過AJAX與本地服務器通信，獲取服務器的時間戳并在網頁上顯示。我們可以根據實際需求對以上示例進行調整和擴展，以滿足特定的應用場景。