AJAX（Asynchronous JavaScript and XML）是一種在Web應用中使用的前后端通信技術，它能夠在不刷新整個頁面的情況下，通過后臺傳送數據來更新頁面內容。通過使用Ajax技術，我們可以在Web應用中實現動態加載數據，提升用戶體驗。

在一個在線電影網站中，我們可以利用Ajax來實現電影列表的無限滾動加載。當用戶滾動到頁面底部時，通過Ajax向后臺發送請求，獲取新的電影數據，并將其插入到頁面中。這樣，用戶可以連續地瀏覽電影列表，而不需要刷新整個頁面。下面是一個使用Ajax獲取后臺傳送的數據的示例代碼：

<pre>
// 創建XMLHttpRequest對象
var xhr = new XMLHttpRequest();
// 定義請求方法和地址
xhr.open('GET', '/movies', true);
// 監聽readyState變化
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
// 數據獲取成功，進行處理
var movies = JSON.parse(xhr.responseText);
// 將電影數據插入到頁面中
movies.forEach(function(movie) {
var movieElement = document.createElement('div');
movieElement.innerText = movie.title;
document.getElementById('movie-list').appendChild(movieElement);
});
}
};
// 發送請求
xhr.send();

在上面的代碼中，我們首先創建了一個XMLHttpRequest對象，并指定了請求方法和地址。然后，我們通過監聽XMLHttpRequest對象的readyState變化，來判斷數據是否已成功獲取。當readyState為4和status為200時，表示數據獲取成功。我們通過調用JSON.parse方法將后臺傳送的JSON格式的電影數據解析為JavaScript對象，然后將每個電影的標題添加到頁面的電影列表中。

除了獲取JSON數據外，我們還可以使用Ajax來獲取其他類型的數據，例如XML數據和文本數據。下面是一個示例代碼，用于獲取后臺傳送的XML數據并解析：

<pre>
// 創建XMLHttpRequest對象
var xhr = new XMLHttpRequest();
// 定義請求方法和地址
xhr.open('GET', '/users.xml', true);
// 監聽readyState變化
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
// 數據獲取成功，進行處理
var xmlDoc = xhr.responseXML;
var users = xmlDoc.getElementsByTagName('user');
// 遍歷所有用戶節點
Array.from(users).forEach(function(user) {
var name = user.getElementsByTagName('name')[0].textContent;
var age = user.getElementsByTagName('age')[0].textContent;
console.log('Name: ' + name + ', Age: ' + age);
});
}
};
// 發送請求
xhr.send();

在上面的代碼中，我們將請求地址設為/users.xml，表示獲取后臺傳送的XML數據。當數據獲取成功后，我們使用xhr.responseXML屬性來獲取返回的XML文檔對象。然后，通過調用getElementsByTagName方法來選擇特定的節點，使用textContent屬性獲取節點的文本內容。在示例中，我們選擇了name和age節點并打印它們的值。

通過Ajax獲取后臺傳送的數據，我們可以輕松實現Web應用的動態加載和更新。無論是獲取JSON數據、XML數據還是文本數據，Ajax技術都可以幫助我們實現更加優秀的用戶體驗。