Ajax是一種在前端頁面與后端進行數據交互的技術，可以實現無刷新頁面的數據更新。在JSP中，我們可以使用Ajax來獲取不同類型的數據，包括文本、JSON和XML等。通過使用Ajax，我們可以輕松地獲取這些數據并靈活地將其展示在網頁上。
在實際應用中，我們經常需要使用Ajax獲取文本數據并在網頁上進行展示。例如，我們可以通過Ajax從服務器端獲取一篇新聞內容，并在網頁上動態地展示出來。下面是一個使用Ajax獲取文本數據的示例：

html
<script>
function loadNews(){
var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
document.getElementById("news").innerHTML = this.responseText;
}
};
xhttp.open("GET", "news.jsp", true);
xhttp.send();
}
</script>
<button onclick="loadNews()">加載新聞</button>
<p id="news"></p>

在這個例子中，當用戶點擊“加載新聞”按鈕時，頁面會發送一個GET請求給服務器端的news.jsp頁面，通過Ajax獲取新聞內容。然后，我們可以將獲取到的內容展示在id為“news”的段落中。
除了獲取文本數據外，我們還可以使用Ajax來獲取JSON數據。JSON是一種輕量級的數據交換格式，非常適合在客戶端和服務器之間傳遞數據。下面是一個使用Ajax獲取JSON數據的示例：

html
<script>
function loadUserData(){
var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
var userData = JSON.parse(this.responseText);
document.getElementById("username").innerHTML = userData.username;
document.getElementById("email").innerHTML = userData.email;
}
};
xhttp.open("GET", "user.jsp", true);
xhttp.send();
}
</script>
<button onclick="loadUserData()">加載用戶信息</button>
<p>用戶名：<span id="username"></span></p>
<p>郵箱：<span id="email"></span></p>

在這個例子中，當用戶點擊“加載用戶信息”按鈕時，頁面會發送一個GET請求給服務器端的user.jsp頁面，通過Ajax獲取JSON格式的用戶信息。然后，我們可以將獲取到的用戶名和郵箱展示在相應的span標簽中。
除了獲取文本和JSON數據外，我們還可以使用Ajax來獲取XML數據。XML是一種標記語言，被廣泛應用于存儲和傳輸結構化數據。下面是一個使用Ajax獲取XML數據的示例：

html
<script>
function loadXMLData(){
var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
var xmlDoc = this.responseXML;
var bookList = xmlDoc.getElementsByTagName("book");
var output = "";
for (var i = 0; i < bookList.length; i++) {
var title = bookList[i].getElementsByTagName("title")[0].childNodes[0].nodeValue;
var author = bookList[i].getElementsByTagName("author")[0].childNodes[0].nodeValue;
output += "<li>" + title + " - " + author + "</li>";
}
document.getElementById("booklist").innerHTML = output;
}
};
xhttp.open("GET", "books.jsp", true);
xhttp.send();
}
</script>
<button onclick="loadXMLData()">加載書籍列表</button>
<ul id="booklist"></ul>

在這個例子中，當用戶點擊“加載書籍列表”按鈕時，頁面會發送一個GET請求給服務器端的books.jsp頁面，通過Ajax獲取XML格式的書籍列表。然后，我們可以將獲取到的書籍列表展示在一個ul列表中。
通過以上幾個例子，我們可以看到，使用Ajax獲取不同類型的數據在JSP中非常簡單。只需要通過Ajax向服務器端發送HTTP請求，然后根據返回的數據類型，進行相應的處理和展示即可。無論是文本、JSON還是XML數據，都可以輕松地在網頁上進行展示，為用戶提供更好的用戶體驗。