在網頁開發中，Ajax（Asynchronous JavaScript and XML）是一種前端技術，通過在后臺與服務器進行數據交換，實現異步網頁更新，避免整個網頁的重新加載。

通過Ajax，前端頁面可以在不刷新整個頁面的情況下，通過與服務器進行通信，動態地更新頁面內容。常見的應用場景包括：

1. 聊天軟件中的實時消息：通過Ajax與服務器保持連接，接收并顯示最新的消息。

2. 在線購物網站的商品搜索：用戶在搜索框中輸入關鍵詞，網頁通過Ajax向服務器發送請求，返回與關鍵詞匹配的商品列表，實時展示給用戶。

3. 社交媒體網站的動態更新：在微博或朋友圈瀏覽頁面時，新的動態信息通過Ajax請求實時加載并顯示給用戶。

Ajax所獲取的數據可以是各種類型，包括文本、JSON、XML等。根據請求的不同，服務器可以返回不同類型的數據。

最常見的是返回文本數據。例如，在一個新聞網站上，用戶點擊“查看更多新聞”按鈕，頁面通過Ajax請求向服務器獲取更多新聞數據，服務器返回的數據是一段文本內容。前端通過DOM操作，將返回的新聞文本插入頁面的相應區域，實現動態加載。

$.ajax({
url: "getnews.php",
type: "GET",
success: function(response) {
// 將服務器返回的文本數據插入頁面中
$('#news-container').append(response);
}
});

除了文本數據，Ajax還可以獲取JSON數據。JSON（JavaScript Object Notation）是一種數據格式，通常用于前后端數據交換。與文本數據相比，JSON結構化程度更高，更易于解析和處理。

假設我們的網頁需要顯示一個商品列表，每個商品都包含名稱、價格和圖片鏈接等信息。通過Ajax向服務器請求數據時，服務器可以返回一個JSON對象，其中每個商品都是一個鍵值對，包含名稱、價格和圖片鏈接。前端通過解析JSON數據，將商品信息渲染到頁面上。

$.ajax({
url: "getproducts.php",
type: "GET",
dataType: "json",
success: function(response) {
// 解析JSON數據，并渲染到頁面中
for (var i = 0; i < response.length; i++) {
var product = response[i];
var productHTML = '<div class="product">' +
'' +
'<h3>' + product.name + '</h3>' +
'<p>價格：' + product.price + '</p>' +
'</div>';
$('#products-container').append(productHTML);
}
}
});

此外，Ajax還支持獲取XML數據。XML（eXtensible Markup Language）是一種標記語言，用于表示結構化的數據。與JSON類似，XML也常用于數據交換和存儲。

比如說，在一個天氣預報網站上，用戶輸入城市名稱，頁面通過Ajax請求向服務器獲取對應城市的天氣數據。服務器返回的數據可以是一個XML文檔，其中包含城市名稱、當前溫度、風速等信息。前端通過解析XML文檔，提取所需的數據，并顯示在頁面上。

$.ajax({
url: "getweather.php",
type: "GET",
dataType: "xml",
success: function(response) {
var city = $(response).find('city').text();
var temperature = $(response).find('temperature').text();
var windSpeed = $(response).find('windspeed').text();
$('#weather-info').html('城市：' + city + '<br>溫度：' + temperature + '℃<br>風速：' + windSpeed + 'm/s');
}
});

總之，Ajax是一種強大的前端技術，可以實現與服務器的異步通信，獲取各種類型的數據。通過合理使用Ajax，可以提升網頁的用戶體驗，使網頁更加動態、交互性更強。