AJAX（Asynchronous JavaScript and XML）是一種前端技術，它利用JavaScript和XML在客戶端和服務器之間進行異步通信。而Servlet是Java語言編寫的服務器端程序，用于處理HTTP請求和響應。這兩種技術相互配合，可以實現高效的交互式網頁應用程序。本文將介紹AJAX和Servlet之間的交互原理，并通過具體的示例來說明。

在AJAX和Servlet的交互中，通常的流程是客戶端發送一個HTTP請求到服務器端的Servlet，然后Servlet進行處理并返回一個HTTP響應。AJAX可以通過XMLHttpRequest對象進行異步請求，將請求發送到Servlet，并接收Servlet返回的響應數據。AJAX通過JavaScript代碼控制XMLHttpRequest對象，從而實現不刷新整個頁面而更新部分頁面內容的效果。

下面我們通過一個例子來說明AJAX和Servlet的交互。假設我們有一個網頁上有一個按鈕，當點擊按鈕時，向服務器發送一個請求，獲取服務器端返回的當前時間，并將時間顯示在網頁上的某個元素中。在客戶端的JavaScript代碼中，可以通過以下方式創建XMLHttpRequest對象：

var xmlhttp = new XMLHttpRequest();

接下來，我們可以通過open()方法來配置這個XMLHttpRequest對象，指定HTTP請求的方法和URL地址。在這個例子中，我們將使用GET方法，將請求發送到名為"TimeServlet"的Servlet：

xmlhttp.open("GET", "TimeServlet", true);

然后，我們需要設置回調函數，用于處理服務器返回的響應數據。在這個例子中，我們將使用onreadystatechange事件來觸發回調函數：

xmlhttp.onreadystatechange = function() {
if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
document.getElementById("time").innerHTML = xmlhttp.responseText;
}
};

最后，我們使用send()方法發送HTTP請求：

xmlhttp.send();

在服務器端的Servlet中，我們可以通過獲取請求參數和處理邏輯來生成響應數據。以下是一個簡單的示例Servlet代碼：

protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
response.setContentType("text/plain");
PrintWriter out = response.getWriter();
out.println(new Date());
out.close();
}

在這個例子中，Servlet返回當前時間的字符串，并將其設置為響應的內容類型。當客戶端的JavaScript代碼接收到響應時，將時間顯示在網頁上的某個元素中。

以上就是AJAX和Servlet的交互原理和示例。通過AJAX和Servlet的配合，可以實現在不刷新整個頁面的情況下更新部分頁面內容，提高用戶體驗。在實際開發中，可以根據具體需求進行更復雜的交互操作，如發送POST請求、傳遞參數等。AJAX和Servlet的結合是現代Web應用程序開發的重要組成部分。