AJAX（Asynchronous JavaScript and XML）是一種通過使用JavaScript、XML和HTTP等技術進行網頁交互的方法。JMS（Java Message Service）是一種Java編程語言應用程序接口（API），用于消息傳遞系統之間的通信。而JMS的"topic"是一種消息發布/訂閱模型，其中消息發送者將消息發布到特定的主題，而消息接收者則通過訂閱該主題來接收相應的消息。在Web開發中，AJAX和JMS topic的結合可以實現實時的消息推送和更新，提供卓越的用戶體驗，并且對于需要實時更新的應用程序非常有用。

以一個在線聊天應用為例，用戶在聊天室輸入消息后，AJAX可以將這條消息通過HTTP請求發送到服務器，而服務器則使用JMS topic將該消息發布到訂閱了該主題的所有客戶端。這意味著，即使用戶之間沒有顯式地建立連接，他們仍然可以在不刷新頁面的情況下實時收到新消息。這在多人實時協作、在線游戲等場景中非常有用。

<script>
function sendMessage(message) {
// 使用AJAX將消息發送到服務器
var xhr = new XMLHttpRequest();
xhr.open("POST", "/send-message", true);
xhr.setRequestHeader("Content-Type", "application/json");
xhr.send(JSON.stringify({
message: message
}));
}
</script>

在上面的例子中，通過一個名為sendMessage的JavaScript函數，我們可以將用戶輸入的消息發送到服務器。這個函數使用XMLHttpRequest對象創建一個HTTP POST請求，并將消息作為JSON格式的數據發送給服務器的“/send-message”端點。服務器將接收到的消息發布到與每個聊天室相關的JMS主題中，從而實現即時的消息推送。

接下來，讓我們看一下客戶端如何使用JMS topic來訂閱和接收消息。以下是一個使用Stomp.js（一個流行的JavaScript庫）的示例代碼：

<script src="https://cdnjs.cloudflare.com/ajax/libs/stomp.js/2.3.3/stomp.js"></script>
<script>
var socket = new WebSocket("ws://localhost:8080/chat");
var client = Stomp.over(socket);
client.connect({}, function() {
client.subscribe("/topic/chatroom", function(message) {
var msg = JSON.parse(message.body);
// 在聊天室中顯示接收到的消息
appendMessageToChatroom(msg);
});
});
function appendMessageToChatroom(msg) {
// 在聊天室中追加新消息
var chatroom = document.getElementById("chatroom");
var newMessage = document.createElement("div");
newMessage.innerText = msg.text;
chatroom.appendChild(newMessage);
}
</script>

上述代碼使用WebSocket在客戶端和服務器之間建立了一個持久連接。它使用Stomp.js庫來實現與JMS broker（消息代理）的通信，并訂閱了名為“/topic/chatroom”的JMS主題。當有新的消息發布到該主題時，客戶端的回調函數將被調用，從而可以在聊天室中顯示出新的消息。

通過結合AJAX和JMS topic，我們可以實現各種實時的應用程序。除了在線聊天，它還可用于實時的新聞更新、股票市場行情、即時通知等場景。通過減少服務器輪詢的次數，AJAX和JMS topic可以大大提高應用程序的性能，并為用戶提供更好的交互體驗。